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内 容 提 要 
本 书 首先 介绍 了 JavaScript 语言 的 基础 知识 ， 接 下 来 讨论 了 数组 、 栈 、 队 列 、 链 表 、 人 集合、 字典 、 敌 列 
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本 书 适用 于 前 端 Web 开发 人 员 ， 以 及 所 有 对 JavaScript 数据 结构 与 算法 感 兴趣 的 读者 。 
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JavaScript 是 当下 最 流行 的 编程 语言 。 由 于 浏览 右 的 原生 支持 ( 无 需 安装 任何 插件 ), JavaScript 
也 被 称 作 “互联 网 语言 "。JavaScript 的 应 用 非常 广泛 ， 不 仅 补 用 于 前 端 开 发 ， 也 被 用 到 服务 磊 
( Node.js ) 和 数据 库 ( MongoDB ) 环境 中 。 

对 任何 专业 技术 人 员 来 说 ,理解 数据 结构 都 非 沼 重要。 作为 软件 开发 者 ,我们 要 能 够 用 编程 
语言 和 数据 结构 来 解决 问题 。 编程 语言 和 数据 结构 是 这 些 问 题解 决 方案 中 不 可 或 缺 的 一 部 分 。 如 
果 选 择 了 不 恰当 的 数据 结构 ， 可 能 会 影响 所 写 程序 的 性 能 。 因 此 ， 了 解 不 同 数据 结构 和 它们 的 适 
用 汇 围 十 分 重要 。 

算法 在 计算 机 科学 中 扮演 着 非常 重要 的 角色 。 解决 一 个 问题 有 很 多 种 方法 , 但 有 些 方法 会 比 
其 他 方法 更 好 。 因 此 ， 了 人 解 一 下 最 著名 的 算法 也 很 重要 。 


快乐 地 编码 吧 
































本 书 结 构 

第 1 前 “JavaScript 简 介 ”， 讲 述 了 JavaScript 的 基础 知识 ， 它 们 可 以 帮助 你 更 好 地 学 习 数 据 结 
构 和 算法 ， 同 时 还 介绍 了 如 何 搭 建 开 发 环境 来 运行 书 中 的 代码 示例 。 

第 2 草 “ 数 组 ”， 介 绍 了 如 何 使 用 数组 这 种 最 基础 且 最 常用 的 数据 结构 。 这 一 章 演示 了 如 何 
对 数组 声明 、 初 始 化 、 添 加 和 删除 其 中 的 元 系 ， 还 讲述 了 如 何 使 用 JavaScript 语 言 本 身 文 持 的 数 
组 方法 。 

第 3 草 “ 栈 ”, 介绍 了 栈 这 种 数据 结构 ， 示 范 了 如 何 创建 栈 ， 以 及 怎样 添加 和 删除 元 素 ， 还 讨 
论 了 如 何 用 栈 解 决 计算 机 科学 中 的 一 些 问 题 。 

第 4 草 “ 队 列 ”, 详 述 了 队列 这 种 数据 结构 ， 演 示 了 如 何 创 建 队列 ， 如 何 添加 和 删除 队列 中 的 
元 毒 ， 还 讨论 了 如 何 用 队列 解决 计算 机 科学 中 常见 的 问题 ， 以 及 栈 和 队列 的 主要 区 别 。 


第 5 草 “ 链 表 ”, 讲解 如 何 用 对 象 和 指针 从 头 创 建 链表 这 种 数据 结构 。 这 一 革除 了 讨论 如 何 声 
明 、 创 建 、 添 加 和 删除 链表 元 素 之 外 ， 还 介绍 了 不 同类 型 的 链表 ， 例 如 双 回 链表 和 循环 链表 。 
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第 6 草 “ 人 集合” ， 介 绍 了 集合 这 种 数据 结构 ， 讨 论 了 如 何 用 集合 存储 非 重 复 性 的 元 系 。 此 外 ， 
还 详 述 了 对 集合 的 各 种 操作 以 及 相应 代码 的 实现 。 

第 7 曹 “字典 和 散 列 表 ”， 这 入 讲解 字典 、 散 列表 及 它们 之 间 的 区 别 。 这 一 章 介 绍 了 这 两 种 
数据 结构 是 如 何 声明 、 创 建 和 使 用 的 ， 还 探讨 了 如 何 解 决 散 列 冲突 ， 以 及 如 何 创 建 更 高 效 的 散 
列 函 数 。 

第 8 章 “ 树 ”讲解 了 树 这 种 数据 结构 和 它 的 相关 术语 ,重点 讨论 了 二 又 搜索 树 ， 以 及 如 何在 
树 中 搜索 、 遍 历 、 添 加 和 删除 市 态 。 如 果 想 更 深入 地 学习 树 ( 包括 相关 的 算法 )， 这 一 半 还 给 出 
1 二 些 寻 以 % 

第 9 曹 “图 ”,， 介绍 了 图 这 种 数据 结构 和 它 的 适用 范围 。 这 一 章 讲 述 了 图 的 常用 术语 和 不 同 表 
现 方 式 ， 探 讨 了 如 何 使 用 次 度 优 先 算 法 和 广度 优先 算法 遍历 图 ， 以 及 图 的 适用 范围 。 

第 10 革 “排序 和 搜索 算法 ”, 探讨 了 第 用 的 排序 算法 , 如 骨 泡 排序 (包括 改进 版 入 选择 排序 、 
插入 排序 、 归 并 排序 和 快速 排序 。 态 外 还 介绍 了 搜索 算法 中 的 顺序 搜索 和 二 分 搜索 。 

第 11 章 “算法 补充 知识 ”"， 主 要 讨论 其 他 一 些 当 用 的 算法 和 著名 的 大 0 表示 法 。 这 一 章 讲 解 
了 什么 是 递归 , 介绍 了 一 些 蜗 级 算法 ,如 动态 规划 和 贪心 算法 , 还 介绍 了 大 O 表 示 法 和 相关 概念 。 
最 后 ， 讨 论 了 如 何 进一步 学习 算法 的 相关 知识 。 


附录 详尽 列 出 了 书 中 所 授 算法 的 复杂 度 列表 ( 使 用 大 0 表示 法 )。 





















































准备 工作 

为 学 习 本 书 ， 你 可 以 设置 三 种 不 同 的 开发 环境 。 你 不 需要 设置 所 有 这 三 种 环境 , 可 以 选择 其 
< 也 可 以 逐一 尝试 。 

方法 一 ， 你 需要 一 个 浏览 器 ， 请 在 下 面 列表 中 选择 其 一， 





口 Chrome (https:/www.google.comychrome/browser ) 
OD Firefox (https://www.mozilla.org/en-US/firefox/new/ ) 


口 安装 方法 一 中 的 任意 一 个 浏览 右 ; 
口 安 北 一 个 Web 服 务 帮 。 如 有 果 你 电脑 里 没有 安装 过 Web 服 务 器 , 推荐 安装 XAMPP ( https://www. 


apachefriends.org )。 








方法 三 ， 如 果 想 安装 一 个 纯 JavaScript 的 环境 ， 你 需要 完成 下 面 几 步 。 


口 安 汤 步 又 一 中 的 任意 浏览 帮 





号 
wk 
LU 


口 安 狐 Node.js (http://nodejs.org/ ) 
口 安 狼 好 Node.js 后 ， 安 状 http-server 开 发 包 : 


npm install http-server -g 


第 1 章 还 会 对 此 进行 更 话 细 的 介绍 。 


读者 对 象 


本 书 的 目标 读者 包括 计算 机 科学 专业 的 学 生 、 刚 刚 开 局 职业 生涯 的 技术 人 员 ， 以 及 想 学 习 基 
于 JavaScript 语 言 的 数据 结构 和 算法 的 朋友 。 如果 想 学 好 书 中 的 数据 结构 和 算法 , 编程 知识 和 逻辑 


本 书 为 数据 结构 和 算法 初学 者 所 写 , 也 为 熟悉 数据 结构 和 算法 , 但 想 在 JavaScript 语 言 中 使 用 
它们 的 人 所 写 。 














排版 约定 
在 本 书 中 ， 你 会 发 现 一 些 不 同 的 文本 样式 ， 用 以 区 别 不 同 种 类 的 信息 。 下 面 举例 说 明 。 
正文 中 的 代码 、 用 户 输入 这 样 表示 :“ 在 script 标 符 里 ， 编 写 JavaScript 代 码 。” 
代码 段 的 格式 如 下 : 





























console.1og("num: "+ Pum) ， 
console.1log("name: "+ name);} 
console.1log("trueValue: "+ trueValue); 
console.log("price: "+ price); 
console.1log("nullVar: "+ nullVar);} 
console.1log("und: "+ ungd); 





如 有 果 我 们 想 让 你 重点 关注 代码 段 中 的 某 个 部 分 ， 会 加 粗 显示 : 


<!IDOCTYPE html> 
<html> 














<head> 
<meta charset="UTF-8"> 
</head> 
<body> 
<Script> 
alert('Hello, World!');} 
</script> 
</body> 
</htmil> 


所 有 的 命令 行 输入 或 输出 的 格式 如 下 : 
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npm install http-server -9 


新 术语 和 重点 词汇 以 楷体 标示 。 屏 幕 、 目 录 或 对 话 框 上 的 内 容 这 样 表示 :“Node Packages 
Modules ( https://www.npmjs.org/ ) 也 在 呈 指 数 级 增长 。 





| QQ 这 个 图 标 表示 提示 或 者 技巧 。 | 


读者 反馈 

欢迎 提出 有 反馈。 如果 你 对 本 书 有 任何 想法 ， 喜欢 它 什 么 ,不 豆 欢 它 什 么 ,请 让 我 们 知道 。 要 
写 出 真正 对 大 家 有 帮助 的 书 ， 了 解 谈 者 的 反馈 很 重要 。 

一 般 的 反馈 ， 请 发 送 电 子 邮 件 至 feedback(@packtpub.com， 并 在 邮件 主题 中 包含 书 名 。 


如 果 你 有 某 个 主题 的 专业 知识 , 并 且 有 兴趣 写成 或 帮助 促成 一 本 书 , 请 参考 我 们 的 作者 指南 
http:/www.packtpub.com/authors。 











客户 支持 
现在 ， 你 是 一 位 自豪 的 Packt 图 书 的 拥有 者 ， 我 们 会 尽 全 力 帮 你 充分 利用 你 手中 的 书 。 











下 载 示例 代码 


你 可 以 用 你 的 账户 从 http:/www.packtpub.com 下 载 所 有 已 购买 Packt 图 书 的 示例 代码 文件 。 如 
果 你 从 其 他 地 方 购买 本 书 ， 可 以 访问 http:/www.packtpub.com/support 并 注册 ， 我 们 将 通过 电子 邮 
件 把 文件 发 送 给 你 。 








下 载 彩色 插图 


我 们 还 提供 了 一 份 PDF 文 档 ， 里面 是 本 书 中 用 到 的 彩色 截图 和 图 表 。 这 些 彩 图 能 带 你 更 好 地 理 
解 输 出 的 变化 。 你 可 以 从 https:/www.packtpub.conysites/ default/files/downloads/4874OS_ColoredImages.pdf 
下 载 。 





勘误 表 


虽然 我 们 已 尽力 确保 本 书 内 容 正确 ， 但 出 错 仍旧 在 所 难免 。 如 采 你 在 我 们 的 书 中 发 现 错误 ， 
不 管 是 文本 还 是 代码 , 希望 能 告知 我 们 ,我 们 不 胜 感 激 。 这 样 做 可 以 减少 其 他 读者 的 困扰 ， 帮助 
我 们 改进 本 书 的 后 续 版 本 。 如 果 你 发 现任 何 错误 ,请 访问 http://www.packtpub.com/submit-errata 
提交 ,选择 你 的 书 ， 点 击 勘误 表 提 交 表 单 的 链接 ， 并 输入 详细 说 明 。 勘 误 一 经 核实 ， 你 的 提交 将 
被 接受 ， 此 勘误 将 上 传 到 本 公司 网 站 或 沪 加 到 现 有 勘误 表 。 从 http://www.packtpub.com/support 选 
择 书 名 就 可 以 查看 现 有 的 勘误 表 。 








侵权 行为 

互联 网 上 的 盗版 是 所 有 媒体 都 要 面 对 的 问题 。Packt 韭 常 重视 保护 版 权 和 许可 证 。 如 果 你 发 
现 我 们 的 作品 在 互联 网 上 被 非法 复制 , 不 管 以 什么 形式 , 都 请 立即 为 我 们 提供 位 置地 址 或 网 站 名 
称 ， 以 便 我 们 可 以 寻求 补救 。 


请 把 可 疑 盗版 材料 的 链接 发 到 copyright@packtpub.com。 
韭 常 感谢 你 帮助 我 们 保护 作者 ， 以 及 保护 我 们 给 你 融 来 有 价值 内 容 的 能 


上 器 题 


如 条 你 对 本 书 内 容 存 有 疑问 ， 不 管 是 哪个 方面 ， 都 可 以 通过 questions@packtpub.com 联 系 我 
们 ， 我 们 将 尽 最 大 努力 来 解决 。 
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JavaScript 简 介 





JavaScript 是 一 门 非常 强大 的 编程 语言 。 它 是 最 流行 的 编程 语言 , 也 是 网 络 应 用 里 最 里 越 的 
语言 之 一 。 在 GitHub (世界 上 最 大 的 代码 托管 站 点 ，https:Wsgithub.com ) 上 ， 托 管 了 400 000 多 
个 JavaScript 代 码 仓 库 ( 用 JavaScript 开 发 的 项 目 数量 也 是 最 多 的 ， 参 看 http://goo.g1/ZFx6mg )， 
并 且 还 在 逐年 增长 。 


JavaScript 不 仅 可 用 于 前 端 开 发 ， 也 适用 于 后 端 开 发 ，Node.js 就 是 这 样 一 种 技术 。Node 包 
( http://www.npmjs.org/ ) 的 数量 也 呈 指 数 级 增长 。 


要 成 为 一 名 Web 开 发 工程 师 ， 和 擎 握 JavaScript 必 不 可 少 。 


在 本 书 中 , 你 将 学 习 最 常用 的 数据 结构 和 算法 。 为 什么 用 JavaScript 来 学 习 这 些 数据 结构 和 算 
法 呢 ? 我 们 已 经 回答 了 这 个 问题 。JavaScript 非 常 受 欢 迎 ,作为 函数 式 编程 语言 , 它 非 常 适 合用 来 
学 习 数 据 结构 和 算法 。 通 过 它 来 学 习 数 据 结构 比 C 或 Java 这 些 标准 语言 更 简单 ， 学 习 新 东西 也 会 
变 得 很 有 趣 。 谁 说 数据 结构 和 算法 是 只 为 C 或 Java 这 样 的 语言 而 生 ? 在 前 端 开发 当中 ， 你 可 能 
需要 实现 它们 。 


学 习 数 据 结构 和 算法 十 分 重要 。 首 要 原因 是 数据 结构 和 算法 可 以 很 高 效 地 解决 常见 问题 ,这 
对 你 今后 的 代码 质量 至 关 重 要 ( 也 包括 性 能 , 要 是 用 了 不 恰当 的 数据 结构 或 算法 , 很 可 能 会 产生 
性 能 问题 )。 其 次 ， 对 于 计算 机 科学 ， 算 法 是 最 基础 的 概念 。 最 后 ， 如 果 你 想 人 职 最 好 的 IT 公司 
(如 谷歌 、 亚 马 了 进 、eBay 等 )， 数 据 结构 和 算法 是 面试 问题 的 重头 戏 。 



























































1.1 环境 搭建 
相 比 其 他 语言 ，JavaScript 的 优势 之 一 在 于 不 用 安 汤 或 配置 任何 复杂 的 环境 就 可 以 开始 学 习 。 
每 侣 计算 机 上 虱 已 具备 所 需 的 环境 ， 哪 怕 使 用 者 从 未 写 过 一 行 代码 。 有 浏览 兹 足 居 ! 


为 了 运行 书 中 的 示例 代码 , 建议 你 做 好 如 下 准备 : 安装 Chrome 或 Firefox 浏 览 帮 (选择 一 个 你 
最 喜欢 的 即 可 )， 选 择 一 个 喜欢 的 编辑 右 (如 Sublime Text )， 以 及 一 个 Web 服 务 需 (XAMPP 或 其 
他 你 喜欢 的 ， 这 一 步 是 可 选 的 )。 这 些 软件 在 Windows、Linux 和 Mac OS 上 均 可 以 使 用 。 
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如 果 你 使 用 Firefox， 推 荐 你 安装 Firebug 插 件 ( https://getfirebug.com )。 


接 下 来 将 介绍 搭建 环境 的 三 种 方案 。 


1.1.1 浏览 器 

浏览 厚 是 最 简单 的 开发 环境 。 

你 也 可 以 使 用 Firefox 加 Firebug。 安 装 好 Firebug 后 ， 在 浏览 器 的 右上 和 角 会 看 到 如 下 图 所 示 的 
图 标 。 











我 们 可 以 在 其 命令 行 区 域 中 编写 所 有 





点 击 Firebug 图 标 ， 打 开 它 ， 可 以 看 到 Console 标 签 ， 
JavaScript 人 代码， 如 下 图 所 示 ( 执行 源 代码 请 按 Run 按 钮 )。 





ES < Ca 






到 
I'D 
虎 加 


We : < : | Console 下 HT C55 Se 





alerti'Hello, World! ys | 





@ : Clear Persist Profile 





Run Clear Copy History 





也 可 以 扩展 命令 行 ， 来 适应 Firebug 插 件 的 整个 可 用 区 域 。 


你 还 可 以 使 用 谷歌 Chrome， 它 已 经 集成 了 Google Developer Tools (谷歌 开发 者 工具 )。 打开 
Chrome， 点 击 设置 及 控制 图 标 ， 选 中 Tools|Developer Tools， 如 下 图 所 示 。 


1.1 








New Tab 红 T 
New Window $eN 
New Incognito Window 仓 虹 N 
Bookmarks Bb 
Recent Tabs kp 
Edit Cut | Copy | Paste 
Zoom 一 | 100% | 十 ww 
Save Page As... 9S 
Find... 红 F 
Print... $eP 

. Task Manager 
History $Y Clear Browsing Data... 个 拒 甸 
Downloads 仓 虹 | 

Encoding 有 

Signed in as loianeg@gmail.com... We 忆 驱 U 


Developer Tools 站台 | 


Settings ~ 
About Google Chrome javascript Console 忆 明 | 
Help » Inspect Devices 


环境 搭建 














然后 ， 就 可 以 在 Console 标 签 页 中 编写 JavaScript 测 斌 代码 ， 如 下 所 示 。 


污 所 上 x 


Elements Naetwork Sources Timeline Profiles » 


Q 0 
的 宣 <top frame> 


> alert ('Hello, World!'); 





| 


1.1.2 ”使 用 Web 服 务 器 (XAMPP) 


你 可 能 想 要 安 逆 的 第 二 个 环境 是 XAMPP， 它 的 安装 过 程 也 很 简单 ， 但 比 只 使 用 浏览 硕 麻 烦 


安装 XAMPP( https://www.apachefriends.org ) 或 者 你 偏爱 的 其 他 Web 服 务 器 。 然后, 在 XAMPP 
安装 文件 夹 下 找到 htdocs 目 录 。 在 该 目录 下 新 建 一 个 文件 夹 ， 就 可 以 在 里 面 执行 本 书 中 所 讲述 的 
源 代码 ; 或 者 是 下 接 将 示例 代码 下 载 后 提取 到 此 目录 ， 如 下 所 示 。 
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@AO0O (htdocs 
[ae | [sa 上 四 jj| 要 || 交 >j| 喧 。 


{27 loiane shared Folder 


3 AirDrop Name 

lt v | javascript-datastructures-algorithms 
和 v | chapter01 

ls) Desktop ® 01-HelloWorld.html 


s O02-Variables. 匡 | 









Lm ra » 








GO We *] 02-Variables.js 
|] files § 03-Operators.html 
— Movies |] 03-Operators.js 
§ O04-Conditionalstatements.html 
1 a | 04-ConditionalStatements.js 
[9 Pictures s 05-Loops.html 
站 develop... 二 05-Loops.js 
国 Docume.. 下 


pb | chapter03 
Pp | | chapter04 


接 下 来 ， 在 启动 XAMPP 服 务 大 之 后 ， 你 就 可 以 通过 localhost 这 个 URL， 用 浏览 如 访问 源码 ， 
如 下 图 所 示 ( 别 忘 了 打开 Firebug 或 谷歌 开发 者 工具 查看 输出 )。 

















@eAo0 Index of /javascript-datz | 


所 Ga [9 localhost/javascript-datastructures-algorithms/ 





Index of /javascript-datastructures-algorithms 


Parent Directory 
DS Store 
chapter01/ 
chapter0Q2/ 
chapter03/ 
chapter04/ 








~ 
| QQ 执行 示例 代码 时 ， 请 不 要 忘记 打开 谷歌 开发 者 工具 或 Firebug 查 看 输出 结果 。 


1.1.3 ”使 用 Node.js 搭 建 Web 服 务 器 


第 三 种 选择 就 是 100% 的 JavaScript， 我 们 可 以 使 用 Node,js 来 搭建 一 个 JavaScript 服 务 需 ， 不 使 
用 XAMPP 搭 建 的 Apache 服 务 兹 。 


首先 要 到 http://nodejs. i 志 Node.i js 然后 ， 打 开 终 端 应 用 ( 如 果 你 用 的 是 Windows 
操作 系统 ， 打 开 Node.js 的 命令 行 )， 输 入 如 下 命令 : 





npm install http-server -9 


最 好 手动 输入 这 些 命 令 ， 复制 粘贴 可 能 会 出 错 。 


也 可 以 用 管理 员 身份 执行 上 述 命令 。 对 于 Linux 和 Mac 操 作 系 统 ， 使 用 如 下 命令 : DD 
sudo npm install http-server -9 
这 条 命令 会 在 你 的 机 右上 安装 一 个 JavaScript 服 务 人 大 http-server。 要 启动 服务 需 并 在 终端 应 


用 上 运行 本 书 中 的 示例 代码 ， 请 将 工作 路 径 更 改 至 示例 代码 文件 来， 然后 输入 http-server， 
如 下 图 所 示 ， 整 个 环境 就 搭建 好 了 ! 











javascript-datastructures-algorithms 一 node 一 82x7 





Loianeg:~ loianes cd /Users/loiane/Documents/ijavascript-datastructures-algorithms 
loianeg!: javascript-datastructures=algorithms ET http=server 


Hit CTRL-=C to stop the server 





为 执行 示例 ， 打 开 浏 览 希 ， 通 过 http-servet 命 令 指定 的 端口 访问 : 


@eO | 滞 Index of / 
入 @ | localhost:8080 


Index of / 


(drwxr-xr-x) .21t/ 
(drwxr-xr-x) chapterl 1/ 
(drwxr-xr-X) ch apter0 1/ 


(drwxr-xr-x) chapterQ2/ 
(drwxr-xr-x) chapter0 3/ 
{drwxr-xr-x) chapter04/ 


(drwxr-xr-x) dea/ 

(drwxr-xr-x) chapter06/ 
(drwxr-xr-x) chapter0Q7/ 
(drwxr-xr-x) chapterO%/ 
(drwxr-xr-x) chapterbog/ 
(drwxr-xr-x) chapterl0/ 
(drwxr=-Xxr-xX) chapter03) 





下 载 示 例 代码 
在 官网 (http:/www.packtpub.com ) 购买 的 所 有 Packt 图 书 ， 均 可 以 下 载 到 对 
这 应 的 示例 代码 。 如 果 你 并 非 在 官网 购买 的 本 书 , 请 访问 http://www. packtpub.com/ 
a support 并 注册 你 的 邮箱 ， 对 应 的 代码 文件 就 会 发 送 给 你 。 
本 书 的 代码 也 可 以 在 GitHub 上 找到 ,资源 库 地 址 为 :https://github.com/loiane/ 


Javascriptdatastructures-algorithms。 


_ 立 _ 
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1.2” JavaScript 基础 


在 深入 学 习 各 种 数据 结构 和 算法 前 , 让 我 们 先 大 概 了 解 一 下 JavaScript。 本 节 教 大 家 一 些 相 关 
的 基础 知识 ， 有 利于 学 习 后 面 各 章 。 


首先 来 看 在 HTML 中 编写 JavaScript 的 两 种 方式 : 











<1DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
</head> 
<body> 
<Script> 
alert('Hello, World!');} 
</script> 
</body> 
</html> 


第 一 种 方式 如 上 面 的 代码 所 示 。 创建 一 个 HTML 文 件 ， 把 代码 写 进去 。 在 这 个 例子 里 , 我们 
在 HTML 中 声明 了 script 标 签 ， 然 后 把 JavaScript 代 人 码 都 写 进 这 个 标签 。 


第 二 种 方式 , 我 们 需要 创建 一 个 JavaScript 文 件 ( 比如 01-HelloWorld.js ), 在 里 面 写 人 如 下 代码 : 




















alert('Hello, World!'); 
然后 ， 我 们 的 HTML 文件 看 起 来 如 下 : 


<1DOCTYPE htmil> 

<html> 

<head> 
<meta charset="UTF-8"> 

</head> 

<body> 
<script src="01-HelloWorld.js"> 
</script> 

</body> 

</html> 


第 二 个 例子 展示 了 如 何 将 一 个 JavaScript 文 件 引 入 HTML 文 件 。 
这 两 个 例子 ， 无 论 执行 哪个 输出 都 是 一 样 的 。 但 第 二 个 例子 是 最 佳 实践 。 


可 能 你 在 网 上 的 一 些 例子 里 看 到 过 JavaScript 的 jnclude 语 句 ， 或 者 放 在 

head 标 签 中 的 JavaScript 代 码 。 作 为 最 佳 实践 ， 我 们 会 在 关闭 body 标 签 前 引入 

人 一 ”JavaScript 代 码 。 这 样 浏览 器 就 会 在 加 载 脚 本 之 前 解析 和 显示 HTML, 有 利于 提升 
页 面 的 性 能 。 
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1.2.1 变量 1 











变量 保存 的 数据 可 以 在 需要 时 设置 、 更 新 或 提取 。 赋 给 变量 的 值 都 有 对 应 的 类 型 。JavaScript 
的 类 型 有 数字 、 字 符 串 、 布 尔 值 、 函 数 和 对 象 。 还 有 undaqefinedq 和 nul1， 以 及 数组 、 日 期 和 正 
则 表达 去。 下 面 的 例子 介绍 如 何在 JavaScript 里 使 用 变量 。 


var num = 1; //{1)} 
mum .37 /A {2 


Var price = 1.5; //{3} 

var name = 'Packt'; //{4} 
Var trueValue = true; //{5} 
Var nullVar = null; //{6} 
var und; //{7} 


在 行 {1}, 我 们 展示 了 如 何 声 明 一 个 JavaScript 变 量 (声明 了 一 个 数字 类 型 )。 虽然 关键 字 var 
不 是 必需 的 ， 但 最 好 每 次 声明 一 个 新 变量 时 都 加 上 。 


在 行 12}， 我 们 更 新 了 已 有 变量 。JavaScript 不 是 强 类 型 语言 。 这 意味 着 你 可 以 声明 一 个 变量 
并 初始 化 成 一 个 数字 类 型 的 值 , 然后 把 它 更 新 成 字符 串 或 者 其 他 类 型 的 值 , 不 过 这 并 不 是 一 个 好 
做 法 。 


在 行 {3}， 我 们 义 声 明了 一 个 数字 类 型 的 变量 ,不 过 这 次 是 十 进 制 浮 点 数 。 在 行 {4}， 声 明 
了 一 个 字符 串 ; 在 行 {5}， 声 明了 一 个 布尔 值 ; 在 行 {6}， 声 明了 一 个 null; 在 行 17}， 声 明了 
undefinedq 变 量 。nul11 表 示 变 量 没 有 值 ，undefinedq 表 示 变 量 已 被 声明 ， 但 尚未 赋值 : 























Console.1log("num:" + num);} 
Console.1log("name:" + name);} 
console.1log("trueValue:" + trueValue); 
Console.log("price:" + price);} 
console.log("nullVar:" + nullVar); 
console.1log("und:" + ungd); 




















如 果 想 看 我 们 声明 的 每 个 变量 的 值 ,可 以 用 console.1og 来 实现 ,就 像 上 面 代码 片段 中 那样 。 





书 中 示例 代码 会 使 用 三 种 方式 输出 JavaScript 的 值 。 第 一 种 是 alert ( 'My 

text here' ), 将 输出 到 浏览 器 的 警示 窗口 ;第 二 种 是 console.log( 'My text 

here' ), 将 把 文本 输出 到 调试 工具 的 Console 标 签 ( 谷歌 开发 者 工具 或 是 Firebug， 
人 一 根据 你 使 用 的 浏览 器 而 定 ); 第 三 种 方式 是 直接 输出 到 HTML 页 面 里 并 被 浏览 器 
呈现 ， 通 过 qdocument .write ( 'My text here' )。 可 以 选择 你 喜欢 的 方式 来 


调试 。 


console.1og 方 法 能 接收 多 个 参数 ， 除了 console.1og(num: " + num) 还 可 以 写成 


CONsSole. Lo ime 7 “Hmys 
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稍 后 我 们 会 讨论 函数 和 对 象 。 
变量 作用 域 


作用 域 指 在 编写 的 算法 函数 中 , 我 们 能 访问 的 变量 ( 在 使 用 时 ， 也 数 作用 域 也 可 以 是 一 个 函 
数 )。 有 本 地 变量 和 全 局 变量 两 种 。 


让 我 们 看 一 个 例子 : 


Var myVaribale = 'global'; 
myOtherVaribale = 'global'; 








function myFunction() { 
Var myVariable = 'local'; 





return myVaribale; 


’ 


function myOtherFunction() f{ 
myOtherVariable = 'local'; 
return myOtherVariable; 


’ 


console.log (myVariable); //{1} 
console.log (myFunction()); //{2} 





console.log (myOtherVariable); //{3} 
console.log (myOtherFunction()); //{4} 
console.log (myOtherVvariable); //{5)} 


行 {1} 输 出 global， 因 为 它 是 一 个 全 局 变量 。 行 {2} 输 出 local， 因 为 nyVariable 是 在 
myFunction 畏 数 中 声明 的 本 地 变量 ， 所 以 作用 域 仅 在 myFunction 内 。 


行 {3} 输 出 global， 因 为 我 们 引用 了 在 第 二 行 初始 化 了 的 全 局 变量 myotherVvariable。 行 
{4} 输 出 local。 在 myOtherFunction 消 数 里 ， 因 为 没有 使 用 var 关 键 字 修饰 ， 所 以 这 里 引用 的 
是 全 局 变量 myotherVariable 并 将 它 赋 值 为 local。 因 此 ，, 行 {5} 会 输出 local (因为 在 
myOtherFunction 里 修改 Jmyothervariable 的 值 有 


你 可 能 昕 其 他 人 提 过 在 JavaScript 里 应 该 尽量 少 用 全 局 变量 , 这 是 对 的 。 通 第 ,代码 质量 可 以 
用 全 局 变量 和 函数 的 数量 来 考量 (数量 越 多 越 糟 )。 因 此 ， 尽 可 能 避免 使 用 全 局 变量 。 



































1.2.2 ”操作 符 
编程 语言 里 都 需要 操作 符 。 在 JavaScript 里 有 算数 操作 符 、 赋 值 操 作 符 、 比 较 操 作 符 、 逻 辑 操 
作 符 、 位 操作 符 、 一 元 操作 符 和 其 他 操作 符 。 我 们 来 看 一 下 这 些 操 作 符 : 


var num = 0; //{1} 
Dum = num + 2; 
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console.l1log('num == 1 + (num == 1)); // {3} 
console.1log('num === 1 F: :CTE 润 全 宇 ' 3 
console.log('num != 1 + (num != 1)); 

console.log('num > 1 + (num > 1)); 

Console eh < 1 + (num < 1));} 

Console g ("num = 1 ' + (num >= 工 )) ， 

Console ie 到 会 ,让 + (num <= 1)); 
Console.1log('true && false : + (true && false)); // {4} 
console.log('true || false : ' + (true || false)); 
Console.log('!Itrue : ' + (!true)); 





在 行 11} ， 我 们 用 了 算数 操作 符 。 在 下 面 的 表格 里 ， 列 出 了 这 些 操作 符 及 其 描述 。 


算数 操作 符 描述 
和 加 法 
减法 
: 乘法 
除法 
和 取 余 
十 十 递增 
二 递减 


在 行 {2}， 我 们 使 用 了 赋值 操作 符 ， 在 下 面 的 表格 里 ， 列 出 了 赋值 操作 符 及 其 描述 。 


全 操 作 符 过 
和 赋值 
+= 加 /峰值 (x += y) == (x =xX+y) 
= WR 
玉 / 凡 件 (六 
= 除 / 峰 值 (x /= y) == (x = x /yy) 
g%= 取 余 /赋值 (x == (X= xX %y) 


在 行 {3}， 我 们 使 用 了 比较 操作 符 。 在 下 面 的 表格 里 ， 列 出 了 比较 操作 符 及 其 描述 。 
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比较 操作 符 措 述 
3 相等 
Rs 全 二 
! = 不 等 
大 于 
二 二 
有 小 于 
<= A 





在 行 L4} ， 我 们 使 用 了 逻辑 操作 符 。 在 下 面 的 表格 里 ， 列 出 了 逻辑 操作 符 及 其 描述 。 









































逻辑 操作 符 描 述 
&& 与 
bd 或 
: 非 
JavaScript 也 文 持 位 操作 符 ， 如 下 所 示 : 
Console.1log('5 & 1:' (5 & 1)) 
console.log('5 | 1:', (5 | 1)) 
console.log('~ 5:', (~5)); 
console.1log('5 ^~1:' (5 
console.log('5 << ] (5 << 1)) 
Console.1og('5 >> 1:' (5 >> 1)) 
下 面 的 表格 对 位 操作 人 符 做 了 更 详细 的 描述 
位 操作 符 描 ” 述 
& 与 
| 或 
守 非 
异 或 
<< 左 移 
这 右 移 





typeof 操 作 符 可 以 返回 变量 或 表达 式 的 类 型 。 我 们 看 下 面 的 代码 : 























Console.log('typeof num:', typeof num); 
console.log('typeof Packt:', typeof 'Packt'); 
Console.log('typeof true:', typeof true); 
console.log('typeof [1,2,3]:', typeof [1,2,3]); 
console.log('typeof {name:John}:', typeof {name: 'John'}); 


1.2.3 
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typeof num: number 

typeof Packt: string 
typeof true: boolean 
typeof [1,2,3]: object 
typeof {name:John}: object 


JavaScript 还 文 持 delete 操 作 行 ， 可 以 删除 对 象 里 的 属性 : 


Var myOb] = {name: 'John', age: 21}; 
delete myOb] .age; 
console.log (my0Obj); // 输出 对 象 fname: "John")} 


这 些 操作 符 在 后 面 的 算法 学 习 中 都 会 用 到 。 








真 值 和 假 值 


在 JavaScript 中 ，true 和 false 有 些 复杂 。 在 大 多 数 编程 语言 


下 面 的 表格 能 帮助 我 们 更 好 地 理解 Lrue 和 false 在 JavaScript 中 是 如 何 转 换 的 。 








数值 类 型 转换 成 布尔 值 

undefined false 

null false 

布尔 值 true 是 true，false 是 false 

数字 +0、-0 和 NaN 都 是 false， 其 他 都 是 true 

字符 串 如 果 字 符 串 是 空 的 (长 度 是 0) 就 是 false， 其 他 都 是 true 
对 象 true 





我 们 来 看 一 些 代码 ， 用 输出 来 验证 上 面 的 总 结 : 


function testTruthy (val)t 
return val ? console.log('truthy') 





: Console.log('falsy'); 


; 


， 布 尔 值 true 和 false 仅 仅 
表示 true/false。 在 JavaScript 中 ， 如 "Packt "这样 的 字符 串 值 ， 也 可 以 看 作 true。 


testTruthy (true).; 
testTruthy (false);} 


//true 
//false 


testTruthy (new Boolean(false)); //true (对 和 象 始终 为 true) 


test TreuEhy( 


//false 


testTruthy('Packt'); //true 
testTruthy (new String('')); //true (对 和 象 始终 为 true) 


testTruthy(1).; 
testTruthy(-1); 
testTruthy ( 

( 


NaN); 


//true 
//true 
//false 


testTruthy (new Number (NaN) ); //true (对 和 象 始终 为 true) 





testTruthy({}); 


//true (对 象 始 终 为 true) 
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var ob] = {name: 'John'}; 

testTruthy (obj); //true 

testTruthy (obj.name); //true 

testTruthy (obj.age); //false (年 龄 不 存在 ) 





1.2.4 ”相等 操作 符 〈“== 和 ===) 
当 使 用 这 两 个 相等 操作 符 时 ， 可 能 会 引起 一 些 困惑 。 


使 用 == 时 ， 不 同类 型 的 值 也 可 以 被 看 作 相 等 。 这 样 的 结果 可 能 会 使 那些 资 次 的 JavaScript 开 
发 者 都 感到 困惑 。 我 们 用 下 面 的 表格 给 大 家 分 析 一 下 不 同类 型 的 信用 相等 操作 符 比 较 后 的 结 末 。 








类 型 (x) 类 型 (y) 结 果 

null undefined true 

undefined null true 

数字 字符 串 x == toNumber (y) 
字符 串 数字 toNumber (x) == y 
布尔 值 任何 类 型 toNumber (x) == y 
任何 类 型 布尔 值 x == toNumber (y) 
字符 串 或 数字 对 象 x == toPrimitive(y) 
对 象 字符 串 或 数字 toprimitive(x) == y 

















如 有 果 x 和 和 y 是 相同 类 型 ，JavaScript 会 比较 它们 的 值 或 对 象 值 。 其 他 没有 列 在 这 个 表格 中 的 情况 
都 会 返回 false。 





toNumber 和 toPrimitive 方 法 是 内 部 的 ， 并 根据 以 下 表格 对 其 进行 估 值 。 
toNumber 方 法 对 不 同类 型 返回 的 结果 如 下 : 


值 类 型 结 果 

undefined NaN 

null 0 

布尔 值 如 果 是 true， 返 回 1;， 如 采 是 false， 返 回 0 

数字 数字 对 应 的 值 

字符 串 将 字符 串 解析 成 数字 。 如 果 字 符 串 中 包含 字母 ， 返 回 NaN; 如 果 是 由 数字 字符 组 成 的 ， 转 换 成 数字 
对 象 Number (toPrimitive(vale)) 





toPrimitive 方 法 对 不 同类 型 返回 的 结果 如 下 : 


值 类 型 结 果 
对 多 如 条 对 象 的 valueof 方 法 的 结 末 征 原始 值 , 返回 原始 值 ; 如 采 对 象 的 toString 





方法 返回 原始 值 ， 就 返回 这 个 值 ， 其 他 情况 都 返回 一 个 错误 


用 例子 来 验证 一 下 表格 中 的 结 末 ,首先 ,我 们 知道 下 面 的 代码 输出 true( 字符 串 长 度 大 于 1 ): 


console.log('packt' ? true : false); 
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那么 这 行 代码 的 结果 呢 ? 

console.log('packt' == true); 

输出 是 false， 为 什么 会 这 样 呢 ? 

(1) 首先 ， 布 尔 值 会 被 LoNumber 方 法 转 成 数字 ， 因 此 得 到 packt == 1。 

(2) 其 次 ， 用 toNumber 转 换 字 符 串 值 。 因 为 字符 串 包含 有 字母 ， 所 以 会 被 转 成 NaN， 表 达 式 


就 变 成 了 NaN == 1， 结 果 就 是 false。 


那么 这 行 代 人 码 的 结果 呢 ? 





console.log('packt' == false); 

输出 也 是 false。 步 又 如 下 所 示 。 

(1) 首先 ， 布 尔 值 会 被 EtoNumber 方 法 转 成 数字 ， 因 此 得 到 packt == 0。 

(2) 其 次 ， 用 toNumber 转 换 字符 串 值 。 因 为 字符 串 包 含有 字母 ， 所 以 会 被 转 成 NaN， 表 达 式 
就 变 成 了 NaN == 0， 绪 果 就 是 false。 

那么 === 操 作 符 呢 ? 简单 多 了 。 如 采 比 较 的 两 个 全 类 型 不 同 ， 比 较 的 结 采 就 是 false。 如 采 
比较 的 两 个 值 类 型 相同 ， 结 果 会 根据 下 表 判 断 。 











人 结果 
数字 x 和 ly 数值 相同 (但 不 是 NaN) true 
字符 串 x 和 ly 是 相同 的 字符 Ce 
布尔 值 x 和 y 都 是 true 或 false true 
对 象 x 开 05 用 同一 个 对 象 true 








如 果 x 和 和 y 类 型 不 同 ， 结 果 就 是 false。 


我 们 来 看 一 些 例子 : 


console.log('packt' === true); //false 
Console.log('packt' === 'packt'); //true 

Var personl1 = {name: 'John'}; 

Var person2 = {name: 'John'}; 

console.log (personl === person2); //false， 不 同 的 对 象 


1.3 ”控制 结构 


JavaScript 的 控制 结构 和 C 与 Java 里 的 类 似 。 条 件 语 句 支 持 if.. .else 和 switch。 循环 支持 
while、do...while 和 for。 
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1.3.1 条 件 语句 
首先 我 们 看 一 下 如 何 构造 1f. . .else 条 件 语句 。 有 几 种 方式 。 
如 果 想 让 一 个 脚本 仪 当 条 件 是 true 时 执行 ， 可 以 这 样 写 . 


Var num = 1; 
if (num === 1) { 
console.log("num is egqual to 1").; 


} 


如 末 想 在 条 件 为 true 的 时 候 执 行 脚本 A， 其 他 情况 下 都 执行 脚本 B， 可 以 这 样 写 : 


Var num = 0; 
(TN 1) 4 
console.log("'num is equal to 1");} 
} else { 
console.log("'num is not egqual to 1, the value of num is " +num); 


} 


if...else 语 句 也 可 以 用 三 元 操作 符 蔡 换 ， 例 如 下 面 的 1f.. .else 语 句 : 


A 
num—— 

} else { 
nuUm++; 


可 以 用 三 元 操作 符 蔡 换 为 : 
(num === 1) ? num-- : mum++:， 


如 果 我 们 有 多 个 脚本 ， 可 以 多 次 使 用 if .. .else， 根 据 不 同 的 条 件 执行 不 同 的 语句 : 











var month = 5; 
if (month === 1) { 
Console.l1log("January"); 
} else if (month === 2)f{ 
Console.l1log ("February").; 
} else if (month === 3) 1{ 
console.l1log ("March").; 
} else { 
console.log("Month is not January, February or March"),; 





. 


最 后 , 还 有 switch 语 句 。 如 果 要 判断 的 条 件 和 上 面 的 一 样 (但 要 和 不 同 的 值 进 行 比较 )， 可 
以 使 用 swtichi 语 人 句 : 


var month = 5; 

switch(month) { 

Case 1: 
Console.log("January"); 


break; 
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Case 2: 
console.log("February"),; 
break; 
Case 3: 
console.log("March"); 
break; 
default: 
console.log("Month is not January, February or March"); 


对 于 switch 语 句 来 说 ，case 和 break 关 键 字 的 用 法 很 重要 。case 判 晰 当前 switch 的 值 是 
否 和 case 分 文 语 何 的 值 相等 。break 会 中 止 switch 语 句 的 执行 。 没 有 break 会 导致 执行 完 当 前 
的 case 后 ， 继续 执 行 下 一 个 case， 和 直到 过 到 preak 或 switch 执 行 结束 。 最 后 ， 还 有 default 关 
键 字 ， 在 表达 式 不 匹配 前 面 任何 一 种 情形 的 时 候 ， 就 执行 default 中 的 代码 (如果 有 对 应 的 ， 就 
不 会 执行 )。 





1.3.2 ”循环 

在 处 理 数 组 元 素 时 会 经 常用 到 循环 (数组 是 下 一 章 的 主讲 内 容 )。 在 我 们 的 算法 中 也 会 经 常 
用 到 fo 循环 。 

JavaScript 中 的 Eor 循 环 与 C 和 Java 中 的 一 样 。 循 环 的 计数 值 通常 是 一 个 数字 ， 然 后 和 另 一 个 
值 比较 ( 如 果 条 件 成 立 就 会 执行 for 循 环 中 的 代码 )， 之 后 这 个 数值 会 递增 或 递减 。 

在 下 面 的 代码 里 ,我们 用 了 一 个 for 循 环 。 当 i 小 于 10 时 ,会 在 控制 台中 输出 其 值 。i 的 初始 
值 是 9， 因此 这 上 段 代 码 会 输出 0 到 9。 











for (var i=0; 1i<10; i++) { 
console.1og (i); 


} 


我 们 要 关注 的 下 一 种 循环 是 while 循 环 。 当 while 的 条 件 判 断 成 立时 , 会 执行 循环 内 的 代码 。 
下 面 的 代码 里 ， 有 一 个 初始 值 为 0 的 变量 1， 我 们 而 望 在 1 小 于 10 时 输出 它 的 值 。 输 出 会 是 0 到 9%: 








a a 0 
while(i<10) 
{ 
console.1og (i); 
工 + 十 ， 


do...while 循 环 和 和 while 循环 很 相似 。 区 别 是 在 while 循 环 里 ， 先进 行 条 件 判 断 再 执行 循 
环 体 中 的 代码 ， 而 在 ao...while 循 环 里 ， 是 先 执行 循环 体 中 的 代码 再 判断 循环 条 件 。 
dqo...while 循 环 至 少 会 让 循环 体 中 的 代码 执行 一 次 。 下 面 的 代码 同样 会 输出 0 到 9: 





arp oT ,0 
do { 


_ 立 - 
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console.1og (i); 
二 十》 
} while (1i<10) 


1.4 ”水 数 
在 用 JavaScript 编 程 时 ， 汤 数 很 重要 。 在 我 们 的 例子 里 也 用 了 所 数 。 
下 面 的 代码 展示 了 因数 的 基本 语法 。 它 没有 用 到 参数 或 eturn 语 人 句 : 








function SayHello() f{ 
console.log('Hello!'); 


} 
要 执行 这 个 也 数 ， 只 需要 这 样 调用 一 下 : 
sayHello(); 


我 们 也 可 以 传递 参数 给 函数 。 参数 是 会 被 限 数 使 用 的 变量 。 下 面 的 代码 展示 了 如 何在 函数 中 
使 用 参数 : 


function output (text) { 
console.1log (text).; 





) 
我 们 可 以 通过 以 下 代码 使 用 该 函数 : 

output ('Hello!'); 

你 可 以 传递 任意 数量 的 参数 ， 如 下 所 示 : 

output('Hello!', "Other text'); 

在 这 个 例子 中 ， 也 数 只 使 用 了 传人 的 第 一 个 参数 ， 第 二 个 参数 被 忽略 。 
困 数 也 可 以 返回 一 个 值 ， 例 如 : 





function sum(numl, num2) { 
return numl] + num2; 
} 
这 个 函数 计算 了 给 定 两 个 数字 之 和 ， 并 返回 结果 。 我 们 可 以 这 样 使 用 : 


Var result = sum(1,2); 
output (result).;} 


1.5 面向 对 象 编程 
JavaScript 里 的 对 象 就 是 普通 名 值 对 的 集合 。 创 建 一 个 普通 对 象 有 两 种 方式 。 第 一 种 方式 是 : 
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var obj = new Object () ; 








第 二 种 方式 是 : 


var obj = {}; 
也 可 以 这 样 创建 一 个 完整 的 对 象 : 
obj = { 

name: { 


first: 'Gandalf', 
last: 'the Grey， 


下 
address: 'Middle Earth' 


下 

在 面向 对 象 编程 OOP ) 中 ， 对象 是 类 的 实例 。 一 个 类 定义 了 对 和 象 的 特征 。 我 们 会 创建 很 多 
类 来 表示 算法 和 数据 结构 。 例 如 我 们 声明 了 一 个 类 来 表示 书 : 

function Book(title, pages, isbn)t 


this.title = title; 
this.pages = pages; 








this.isbn = isbn; 


} 

用 下 面 的 代码 实例 化 这 个 类 . 

var book = new Book('title', 'pag', 'isbn'),; 
然后 ， 我 们 可 以 访问 和 修改 对 象 的 属性 : 


console.log(book.title); / /输出 书 名 
book .title = 'new title'; // 修 改 书 名 
console.logd(pook.title); / /输出 新 的 书 名 


类 可 以 包含 函数 。 可 以 声明 和 使 用 孔 数 ， 如 下 所 示 : 


Book.prototype.printTitle = function()t 
console.log (this.title).; 

上 

book.printTitlel().; 


也 可 以 直接 在 类 的 定义 里 声明 也 数 : 


function Book(title, pages, isbn)t 
this.title = title; 
this.pages = pages; 
this.isbn = isbn; 
this.printIisbn = function()t 

console.log(this.isbn),;} 

} 

} 

book.printIishbn().; 


_ 立 _ 
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在 原型 的 例子 里 , printTitle 方 法 只 会 创建 一 次 , 在 Book 类 的 所 有 实例 中 
共享 。 如 果 是 在 定义 类 的 内 部 结构 时 声明 , 每 个 类 的 实例 都 会 有 一 份 该 方法 的 副 
， 本 。 使 用 原型 方法 可 以 节约 内 存 和 降低 实例 化 的 开销 。 最 好 在 声明 公共 方法 时 使 
用 基于 原型 的 方法 。 生 成 私有 方法 时 用 在 类 定义 时 内 部 声明 的 方式 , 这 样 其 他 实 
例 不 会 访问 到 这 个 方法 。 你 可 能 注意 到 了 , 在 上 面 的 例子 中 我 们 是 在 定义 类 内 部 
结构 时 声明 方法 (因为 我 想 让 这 些 属性 和 方法 为 各 个 实例 单独 拥有 )， 但 还 是 尽 

量 使 用 基于 原型 的 方法 定义 更 好 些 。 





现在 , 我 们 已 经 学 完了 本 书 所 需 的 所 有 JavaScript 基 础 知识 , 接 下 来 就 可 以 学 习 数 据 结构 和 算 
法 了 。 


1.6 ”调试 工具 


除了 学 会 如 何 用 JavaScript 编 程 外 , 还 需要 了 解 如 何 调试 代码 。 调 试 对 于 找到 代码 中 的 错误 十 
分 有 帮助 ， 也 能 让 你 低速 执行 代码 ， 看 到 所 有 发 生 的 事情 〈 方 法 被 调用 的 栈 、 变 量 赋值 等 )。 极 
力 推 荐 你 花 一 些 时 间 学 习 一 下 如 何 调试 书 中 的 源码 , 查看 算法 的 每 一 步 ( 这样 也 会 让 你 对 算法 有 
深刻 的 理解 )。 
Firefox 和 Chrome 都 文 持 调试 。 这 里 有 一 个 了 解 谷歌 开发 者 工具 的 好 教程 ， 地 址 是 
https://developer.chrome.com/devtools/docs/Javascript-debugging。 
除了 你 喜好 的 编辑 器 外 ， 这 里 推荐 其 他 几 个 工具 ， 可 以 提升 编写 JavaScript 的 效率 。 
口 Aptana: 这 是 一 个 开源 的 免费 IDE， 文 持 JavaScript 、CSS3 和 HTML5 以 及 其 他 语言 
( http://www.aptana.com )。 

口 WebStorm: 这 是 一 个 很 强大 的 IDE， 文 持 最 新 的 Web 拉 术 和 框 染 。 它 不 是 免费 的 ,但 你 
可 以 下 载 一 个 30 天 试用 版 本 体验 一 下 (http:/www.jetbrain.com/webstorm )。 

口 Sublime Text: 这 是 一 个 轻 量 级 的 文本 编辑 副 ， 可 以 目 定 义 插件 。 可 以 灭 它 的 许可 证 来 文 
持 这 个 工具 的 开发 ， 也 可 以 免费 使 用 (试用 版 不 过 期 )，http://www.sublimetext.com/。 


























1.7 小结 
本 章 主 要 讲述 了 如 何 搭建 开发 环境 ， 有 了 这 个 环境 就 可 以 编写 和 运行 书 中 的 示例 代码 。 


本 前 也 讲 了 JavaScript 语 言 的 基础 知识 ， 这 些 知识 会 在 接 下 来 的 数据 结构 和 算法 学 习 过 程 中 
用 到 | O 


下 一 章 ， 我 们 要 学 习 第 一 种 数据 结构 : 数组 。 许 多 语言 都 对 数组 有 原生 的 文 持 ( 当然 也 包括 
JavaScript )。 

















几乎 所 有 的 编程 请 言 





邦 原 生 支 持 数 组 类 型 ， 因 为 数组 是 最 简单 的 内 存 数据 结构 。JavaScript 





里 也 有 数组 类 型 ， 虽 然 它 的 第 一 个 版 本 并 没有 文 持 数组 。 本 章 中 , 我 们 将 次 人 学 习 数 组 数据 结构 


和 它 的 能 


数组 存储 一 系列 同一 种 数据 类 型 的 值 ,但 在 JavaScript 里 ,也 可 以 在 数组 中 保存 不 同类 型 的 值 。 
但 我 们 还 是 要 如 守 最 住 实践 ， 别 这 么 做 ( 大 多 数 语 言 部 没 这 个 能 力 )。 


2.1 为 什么 用 数组 








假如 有 这 样 一 个 需求 : 保存 所 在 城市 每 个 月 的 平均 温度 。 可 以 这 么 做 : 


Var averagelTempJan 
Var averageTempFeb 





Var averagelempMar 
Var averagelempApr 





Var averagelempMay 





3 0 
DD 
42.4; 


60.8; 





当然 , 这 肯定 不 是 最 好 的 方案 。 按 照 这 种 方式 ,如 采 只 存 一 年 的 数据 , 我 们 能 管理 12 个 变量 。 
但 要 多 存 几 年 的 平均 温度 呢 ?” 泽 运 的 是 ， 我 们 可 以 用 数组 来 解决 ， 更 加 人 简洁 地 呈现 同样 的 信息 : 





.9; 
0 
区 


averageTempl0] = 31 
averageTempll1] = 35 
averageTempl2] = 42 
averageTempl[l3|] = 52; 
averageTempl4] = 60 


数组 averageTemp 里 的 


83 


内 容 如 下 图 所 示 : 
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2.2 ”创建 和 初始 化 数组 
用 JavaScript 声 明 、 创 建 和 初始 化 数组 很 简单 ， 束 像 下 面 这 样 : 





var daysOfWeek = new Array (); //1{1} 

var daysOfWeek = new Array (7/7); //1{2} 

Var daysOfWeek = new Array('Sunday', 'Monday', 'Tuesday', ‘'Wednesday', 
'Thursday', 'Friday', 'Saturday'); //{3} 


使 用 new 关 键 字 ,就 能 简单 地 声明 并 初始 化 一 个 数组 ( 行 {1} )。 用 这 种 方式 ,还 可 以 创建 一 
个 指定 长 度 的 数组 ( 行 {2} ), 男 外 , 也 可 以 直接 将 数组 元 系 作 为 参数 传递 给 它 的 构造 着 ( 行 13) )。 














其 实 ， 用 new 创 建 数组 并 不 是 最 好 的 方式 。 如 果 你 想 在 JavaScript 中 创建 一 个 数组 ， 只 用 中 括 
号 ([] ) 的 形式 就 行 了 了 ， 如 下 所 示 : 


Var daysOfWeek = [|]; 
也 可 使 用 一 些 元 素 初 始 化 数组 ， 如 下 : 


var daysOfWeek = ['Sunday', 'Monaday'， 'Tuesday', 'Wednesday', 
'Thursday', 'Friday', 'Saturday'l]; 


如 采 想 知道 数组 里 已 经 存 了 多 少 个 元 系 , 可 以 使 用 数组 的 length 属 性 ,以 下 代码 的 输出 是 7: 





console.log (daysOfWeek. length).; 


要 访 问 数组 里 特定 位 置 的 元 素 , 可 以 用 中 括号 传递 数值 位 置 ,得 到 想 知 道 的 值 或 者 赋 新 的 值 。 
假如 我 们 想 输 出 数组 aaysofweek 里 的 所 有 元 素 , 可 以 通过 循环 遍历 效 组 , 打印 元 素 , 如 下 所 不 : 




















for (var 1=0; i<daysOfWeek.length; i++)f{ 
console.log (daysOfWeek[1]); 








我 们 来 看 另 一 个 例子 : 求 翡 波 那 契 数列 的 前 20 个 数字 。 已 知 斐 波 那 契 数列 中 第 一 个 数字 是 1， 
第 二 个 是 2， 从 第 三 项 开始 ， 每 一 项 各 等 于 前 两 项 之 和 : 











Var fibonacci = []， //{1)} 
fibonacci[1] = 1; //{2} 
fibonacci[2] = 1; //{3} 
for(var 1 = 3; 1 < 20; i++){ 
fibonacci[i] = fibonacci[i-1] + fibonacci[i-2]; ////{4} 
} 
for(var i = 1; i<fibonacci.length; i++){ //{5} 
console.log (fibonaccil[il]); //{6} 


) 


在 行 {1} 处 , 我 们 声明 并 创建 了 一 个 数组 。 在 行 {2} 和 行 {3}, 把 裴 波 那 契 数列 中 的 前 两 个 数 
字 分 别 赋 给 了 数组 的 第 二 和 第 三 位 ( 在 JavaScript 中 ， 数 组 的 第 一 位 是 0， 这 里 我 们 略 过 ， 从 第 二 
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位 开始 分 别 保 存 斐 波 那 契 数列 中 对 应 位 置 的 元 素 )。 


然后 , 我 们 需要 做 的 就 是 想 办 法 得 到 斐 波 那 契 数 列 的 第 三 到 第 二 十 位 的 数 子 ( 前 两 个 值 我 们 
已 经 初始 化 过 了 )。 我 们 可 以 用 循环 来 处 理 ， 把 数组 中 前 两 位 上 的 元 系 相 加 ， 结 来 赋 给 当前 位 置 
上 的 元 素 ( 行 {4} 一 一 从 数组 中 的 索引 3 到 索引 119 )。 


最 后 ， 看 看 输出 ( 行 {6} )， 我 们 只 需要 循环 塌 历 数组 的 各 个 元 素 ( 行 {5} )。 




















5 
和 行 {6} )， 也 可 以 直接 用 console.1log (fibonacci) 输 出 数组 。 大 多 数 浏 览 器 


RS 示例 代码 里 , 我 们 用 console.1log 来 输出 数组 中 对 应 索引 位 置 的 值 ( 行 { 
J 都 可 以 用 这 种 方式 ， 清 晰 地 输出 数组 。 





现在 如 东 想 知道 非 波 那 奥数 列 其 他 位 置 上 的 值 是 多 少 ， 要 怎么 办 呢 ? 很 简单 ， 把 之 前 循环 
条 件 中 的 终止 变量 从 20 改 成 你 希望 的 值 就 可 以 了 。 





2.3 ”添加 和 删除 元 素 


从 数组 中 添加 和 删除 元 兹 也 很 容易 , 但 有 时 也 会 很 埋 手 。 假 如 我 们 有 一 个 数组 numbers， 初 
始 化 成 0 到 9: 


var numbers = [0,1,2,3,4,5,6,7,8,9]; 


如 果 想 要 给 数组 沃 加 一 个 元 系 (〈 比如 10 ), 只 要 把 值 赋 给 数组 中 最 后 一 个 空位 上 的 元 系 即 可 。 


numbers[numbers.length] = 10; 
在 JavaScript 中 ， 数 组 是 一 个 可 以 修改 的 对 象 。 如 果 添 加 元 素 ， 它 就 会 动态 
名 、、 增长 。 在 C 和 Java 等 其 他 语言 里 ， 我 们 要 决定 数组 的 大 小 ， 想 添加 元 素 就 要 创建 
一 个 全 新 的 数组 ， 不 能 简单 地 往 其 中 添加 所 需 的 元 素 。 


必 外， 还 有 一 个 push 方 法 ， 能 把 元 系 浴 加 到 数组 的 末尾 。 通 过 push 方 法 ， 能 次 加 任意 个 
元 系 : 


numbers.push(11).; 
numbers.push(12, 13); 


如 果 输 出 numbers 的 话 ， 就 会 看 到 从 0 到 13 的 值 。 

现在 ,我 们 希望 在 数组 中 插入 一 个 值 , 不 像 之 前 那样 插入 到 最 后 ， 而 是 放 到 数组 的 首位 。 为 
了 实现 这 个 需求 ,首先 我 们 要 腾 出 数组 里 第 一 个 元 系 的 位 置 ， 把 所 有 的 元 素 问 右 移 动 一 位 。 我 们 
可 以 循环 数组 中 的 元 素 ， 从 最 后 一 位 +1 (长 度 ) 开始 ， 将 其 对 应 的 前 一 个 元 素 的 值 研 给 它 ， 依 
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次 处 理 ， 最 后 把 我 们 想 要 的 值 赋 给 第 一 个 位 置 ( -1 ) 上 。 


for (var i=numbers.length; i>=0; 1i--)t{ 
numbers[i] = numbers[i-1]; 

} 

numbers[0] = -1; 





这 张 图 摘 述 了 我 们 刚才 的 操作 过 


回国 加 本 本 加 


[0] [1] [2] [3] [] 0 [12] [13] [14] 
[length = 14] 


[0] [1] [2 bb HU [12] [13] [14] 
[length = 15] 





在 JavaScript 里 ， 数 组 有 一 个 方法 叫 unshift， 可 以 直接 把 数值 插入 数组 的 首位 : 


numbers.unshift(-2).; 
numbers.unshift(-4, -3);， 


那么 ,用 unshift 方 法 ， 我 们 就 可 以 在 数组 的 开始 处 添加 值 -2， 然后 添加 -3、-4 等 。 这 梓 
数组 就 会 输出 数字 -4 到 13。 


目前 为 止 , 我 们 已 经 学 习 了 如 何 给 数组 的 开始 和 结尾 位 置 添加 元 素 。 下 面 我 们 来 看 一 下 怎样 
从 数组 中 删除 元 又。 


要 删除 数组 里 最 靠 后 的 元 素 ， 可 以 用 pop 方 法 : 




















Dumpbers .pop () ; 


a 通过 push 和 pop 方 法 ， 就 能 用 数组 来 模拟 栈 ， 你 将 会 在 下 一 章 看 到 这 部 分 
内 


合 o 


现在 ， 数 组 输出 的 数字 是 -4 到 12， 并 且 数 组 的 长 度 是 17。 
如 打 要 移 除 数组 里 的 第 一 个 元 素 ， 可 以 用 下 面 的 代码 : 


for (var 1 = 0, 1 < numbers.length; I++) ({ 
numbers[i] = numbers[i+1]; 


} 
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下面 这 张 图 呈现 了 这 段 代 码 的 执行 过 程 : 


| 0 0 0 0 | 
(ee Te | | 
一 | 二 


一 4 一 3 2 9 10 11 12 





«40 [II 2 D [03] 4 05 06 
[length= 17] 








0 pp Da 04 0 [10] 


[length = 17] 








我 们 把 数组 里 所 有 的 元 素 都 左 移 了 一 位 。 但 数组 的 长 度 依然 是 17, 这 意味 春 数组 中 有 额外 的 
一 个 元 素 ( 值 是 undefined )。 在 最 后 一 次 循环 里 ，1 + 1 引用 了 一 个 数组 里 还 未 初始 化 的 位 置 
(在 其 他 一 些 语言 里 ， 这 样 写 可 能 就 会 抛 出 异 名 了 因此 不 得 不 在 numbers.length -— 1 处 停止 
循环 )。 


可 以 看 到 , 我 们 只 是 把 数组 第 一 位 的 值 用 第 二 位 窗 苏 了 ,并 没有 删除 元 素 ( 因为 数组 的 长 度 
和 之 前 还 是 一 样 的 ， 并 且 了 多 一 个 未 定义 元 素 )。 


要 确实 删除 数组 的 第 一 个 元 系 ， 可 以 用 shift 方 法 实现 : 














mumbers .shiftt()， 


那么 ,假如 本 来 数组 中 的 值 是 从 -4 到 12, 长 度 为 17, 执行 了 上 述 代 码 后 , 数组 就 只 有 -3 到 12 
了 ， 并 且 长 度 也 会 减 小 到 16。 





> 通过 shift 和 unshift 方 法 ， 就 能 用 数组 模拟 基本 的 队列 数据 结构 ， 第 4 章 
里 会 讲 到 。 





目前 为 止 , 我 们 已 经 学 习 了 如 何 话 加 元 素 到 数组 的 开头 或 结尾 处 ,以 及 怎样 删除 数组 开头 和 
结束 位 置 上 的 元 素 。 那 如 何在 数组 中 的 任意 位 置 上 删除 或 请 加 元 素 ? 


我 们 可 以 使 用 splice 方 法 , 简单 地 通过 指定 位 置 /索引 , 就 可 以 删除 相应 位 置 和 数量 的 元 素 : 











numbers.splice(5,3); 


这 行 代 码 删 除了 从 数组 索引 $ 开 始 的 3 个 元 素 。 这 就 意味 着 numpers [5] 、numbers[6] 和 
numpbers[7] 从 数组 中 删除 了 。 现 在 数组 里 的 值 变 成 了 -3、-2、-1、0、1、S$、6、7 、8、9、10、 
11 和 12 (2、3、4 已 经 被 移 除 )。 
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现在 , 我 们 想 把 数字 2、3、4 搬 人 数组 里 , 放 到 之 前 删除 元 素 的 位 置 上 , 可 以 再 次 使 用 splice 
方法 : 

numbers.splice(5,0,2,3,4); 


splice 方 法 接收 的 第 一 个 参数 ,表示 想 要 删除 或 插入 的 元 系 的 索引 值 。 第 二 个 参数 是 删除 
元 素 的 个 数 〈 这 个 例子 里 ， 我 们 的 目的 不 是 删除 元 系 ， 所 以 传人 0)。 第 三 个 参数 往 后 ， 就 是 要 添 
加 到 数组 里 的 值 (元 系 2、3、4 )。 输 出 会 发 现 值 又 变 成 了 从 -3 到 12。 


最 后 ， 执 行 下 这 行 代码 : 








numbers.splice(5,3,2,3,4); 


输出 的 值 是 从 -3 到 12。 原 因 在 于 ， 我 们 从 索引 5 开始 删除 了 3 个 元 素 ， 但 也 从 索引 5 开始 添加 
了 元 素 2、3、4。 





2.4 二 维和 多 维 数组 


还 记得 本 章 开 头 平均 气温 测量 的 例子 吗 ? 现在 我 打算 再 用 一 下 , 不 过 把 记录 的 数据 改 成 数 天 
内 每 小 时 的 气温 。 现 在 我 们 已 经 知道 可 以 用 数组 来 保存 这 些 数 据 , 那么 要 保存 两 天 的 每 小 时 气温 
数据 就 可 以 这 样 : 























Var averageTempDayl SY 9 


LOL 7 9 LOS 7 523 


然而 ,这 不 是 最 好 的 方法 。 我 们 可 以 做 得 更 好 。 我 们 可 以 使 用 和 矩阵 (二 维 数组 ) 来 存储 这 些 
计 乱 。 和 矩阵 的 行 保存 每 天 的 数据 ， 列 对 应 小 时 级 别 的 数据 : 














Var averageTempDay2 











Var averageTemp = [|]; 
eS 
ey a ey ee: 





averageTempl0] 








averageTempl1] 


JavaScript 只 文 持 一 维 数组 ， 并 不 文 持 矩阵 。 但 是 ,我们 可 以 像 上 面 的 代码 一 样 ,用 数组 套数 
组 ， 实 现 窍 阵 或 任 一 多 维 数组 。 代 码 也 可 以 写成 这 样 : 








//day 1 

averageTempl0|] = [|]; 
averageTempl[l0][0] = 72; 
averageTempl[l0][1|] = 75; 
averageTempl[l0][2] = 79; 
averageTempl[l0][3] = 79;，; 
averageTempl[l0][4] = 81; 
averageTempl[l0][5] = 81; 
//day 2 

averageTemp[1] = [|] 
avZeradeTemp [1][0] = 81; 
avZeradeTemp [| [1] = 79; 
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averageTempl[l1][2|] = 75; 
averageTempl[l1][3] = 75; 
averageTempl[ll1][4|] = 73; 
averageTempl[ll1][5|] = 72; 








上 面 的 代码 里 ， 我 们 分 别 指定 了 每 天 和 每 小 时 的 数据 。 数 组 中 的 内 容 如 下 图 所 示 : 


[OW oT 2 3 A 


[el 


Ee 


每 行 就 是 每 天 的 数据 ， 每 列 是 当天 不 同时 段 的 气温 。 
如 果 想 看 这 个 矩阵 的 输出 ， 我 们 可 以 创建 一 个 通用 函数 ， 专 门 输出 其 中 的 值 : 


function printMatrix(myMatrix) { 











for (var 1=0; i<myMatrix.length; I++) { 
for (var j=0; Jj<myMatrix[i].length; J++)f{ 
console.log (myMatrix[1i][j]); 


} 


. 


需要 遍历 所 有 的 行 和 列 。 因 此 ， 我 们 需要 使 用 一 个 般 套 的 for 循 环 来 处 理 ， 其 中 变量 i 为 行 ， 
变量 j 为 列 。 


使 用 以 下 代码 查看 矩阵 averageTemp 的 输出 : 





printMatrix(averageTemp); 


以 此 类 推 , 也 可 以 用 这 种 方式 来 处 理 多 维 数组 。 假 如 我 们 要 创建 一 个 3x3 的 和 矩阵， 每 一 格 里 
包含 矩阵 的 i ( 行 )、j( 列 ) 及 z (深度 ) 之 和 : 


Var matrix3x3x3 = [|]: 
for (var i=0; i<3; i++){ 
matrix3x3x3[1i] = |[]; 
for (var j=0; JjJ<3; j++)f{ 
matrix3x3x3[1i1][j] = [|]; 
for (var Z=0; ZzZ<3; Z++){ 
而 辣 巷 节 卫 区 3 六 3 亚 3 [ 注 中 | 二 收 宪 党? 注定 下 守 包 


} 


数据 结构 中 有 几 个 维度 部 没关系 ,我 们 都 可 以 用 循环 裔 历 每 个 维度 来 访问 所有 格子 。3x3x3 
的 矩阵 也 可 用 立体 图 表示 如 下 : 














可 以 用 以 下 代码 输出 这 个 矩阵 的 内 容 : 


for (var i=0; i<matrix3x3x3.length; i++)f{ 
for (var JjJ=0; Jj<matrix3x3x3[i] .length; J++){ 
for (var Z=0; z<matrix3x3x3[1i1][j|] .length; z++){ 
console.log (matrix3x3x3[i][jJ][z]); 








} 


} 
如 果 是 一 个 3x3x3x3 的 和 矩阵， 代码 中 就 会 用 四 层 航 套 的 for 语 句 ， 以 此 类 推 。 
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在 JavaScript 里 , 数组 是 可 修改 的 对 象 , 这 意味 着 创建 的 每 个 数组 都 有 一 些 可 用 的 方法 。 数 组 
很 有 趣 ， 因为 它们 十 分 强大 , 并 且 相 比 其 他 语言 中 的 数组 ，JavaScript 中 的 数组 有 许多 很 好 用 的 方 
法 。 这 样 就 不 用 再 为 它 开发 一 些 基 本 功能 了 ， 例 如 在 数据 结构 的 中 间 添 加 或 删除 元 系 。 


下 面 的 表格 中 详 述 了 数组 的 一 些 核心 方法 ， 其 中 的 一 些 我 们 已 经 学 习 过 本。 

















方法 名 描述 
concat 连接 2 个 或 更 多 数组 ， 并 返回 结果 
every 对 数组 中 的 每 一 项 运行 给 定 国 数 ， 如 有 末 该 国 数 对 每 一 项 都 返回 true， 则 返回 true 
和 区 对 数组 中 的 每 一 项 运行 给 定 国 数 ， 返 回 该 函数 会 返回 true 的 项 组 成 的 数组 
forEach 对 数组 中 的 每 一 项 运行 给 定 国 数 。 这 个 方法 没有 返回 值 
el 将 所 有 的 数组 元 素 连 接 成 一 个 字符 串 
indexof 返回 第 一 个 与 给 定 参 数 相 等 的 数组 元 素 的 索引 ， 没 有 找到 则 返回 -1 
lastIindexof 返回 在 数组 中 搜索 到 的 与 给 定 参 数 相 等 的 元 素 的 索引 里 最 大 的 值 
map 对 数组 中 的 每 一 项 运行 给 定 国 数 ， 返 回 每 次 国 数 调用 的 结果 组 成 的 数组 
reverse 0 

J 绅 一 “| 





slice 传人 索引 值 ， 将 数组 里 对 应 索引 沱 围 内 的 元 素 作 为 新 数组 返回 
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( 续 ) 
方法 名 描 述 
Some 对 数组 中 的 每 一 项 运行 给 定 国 数 ， 如 末 任 一 项 返回 Erue， 则 返回 true 
sort 按照 字母 顺序 对 数组 排序 ， 支 持 传人 指定 排序 方法 的 图 数 作为 参数 
toSstring 将 数组 作为 字符 串 返 回 
valyeof 和 tostring 类 似 ， 将 数组 作为 字符 串 返 回 


我 们 已 经 学 过 了 push、pop、shift、unshift 和 splice 方 法 。 下 面 来 看 表格 中 提 到 的 方 
法 。 在 本 书 接 下 来 的 革 市 里 ， 编 写 数 据 结构 和 算法 时 会 大 量 用 到 这 些 方法 。 








2.5.1 数组 合并 


考虑 如 下 场景 : 有 多 个 数组 ， 需 要 合并 起 来 成 为 一 个 数组 。 我 们 可 以 友 代 各 个 数组 ， 然 后 把 
每 个 元 素 加 入 最 终 的 数组 。 幸运 的 是 ，JavaScript 已 经 给 我 们 提供 了 解决 方法 , 叫 作 concat 方 法 : 


Var Zero = 0; 

Var positiveNumbers = [1,2,3]; 

Var negativeNumbers = [-3,-2,-1]; 

Var numbers = negativeNumbers.concat (zero, positiveNumbers),;} 


concat 方 法 可 以 同一 个 数组 传递 数组 、 对 象 或 是 元 素 。 数 组 会 按照 该 方法 传人 的 参数 顺序 
连接 指定 数组 , 在 这 个 例子 里 ,， zero 将 被 合并 到 nagativeNumbers 中 , 然后 positiveNumbers 
继续 被 合并 。 最 后 输出 的 结果 是 -3、-2、-1、0、1、2、3。 





2.5.2 友 代 器 函数 
有 时 我 们 需要 迭代 数组 中 的 元 素 。 前 面 我 们 已 经 学 过 , 可 以 用 循环 语句 来 处 理 , 例如 for 语 句 。 


JavaScript 内 置 了 许多 数组 可 用 的 迭代 方法 。 对 于 本 市 的 例子 , 我 们 需要 数组 和 上 师 数 。 假 如 有 
一 个 数组 ， 它 值 是 从 1 到 15， 如 有 果 数 组 里 的 元 素 可 以 被 2 整除 ( 侦 数 )， 子 数 就 返回 Lrue， 否 则 返 
sfalse: 


var isEven = function (x) { 
// 如 果 X 是 2 的 倍数 ， 就 返回 Erue 
console.1log (x); 
Eeturn (x 2. EE 0) 全 EAalLSse, 
// 也 可 以 写成 return (x % 2 == 0) ? true : false 
}; 
Var TUMmMDeres [ly2,3y475;60 /F879 TO0 L112 13.:14;191» 


return (x $$ 2 == 0) ? true : false 也 可 以 写成 return (xX $$ 2== 0)。 


我 们 要 尝试 的 第 一 个 方法 是 every。every 方 法 会 达 代 数组 中 的 每 个 元 系 ，, 再 到 返回 false。 
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numbers.every (li1sEven).; 

在 这 个 例子 里 , 数组 numbers 的 第 一 个 元 系 是 1, 它 不 是 2 的 倍数 ( 1 是 奇数 )， 因 此 isEven 所 
数 返 回 false， 人 然后 every 执 行 结 

下 一 步 ， 我们 来 看 some 方 法 。 它 和 every 的 行为 类 似 ， 不 过 some 方 法 会 迭代 数组 的 每 个 元 
素 ， 直到 疯 数 返回 true: 

numbers.some (isEven).;} 

在 我 们 的 例子 里 ，numbers 数 组 中 第 一 个 偶数 是 2 ( 第 二 个 元 又 )。 第 一 个 被 从 代 的 元 系 是 1， 
isEven 会 返回 false。 第 二 个 被 迭代 的 元 系 是 2，isEven 返 回 true 欠 代 结束 。 


如 果 要 迭代 整个 数组 ， 可 以 用 forEach 方 法 。 它 和 使 用 for 循 环 的 结果 相同 : 

















numbers.forEach (function (x)t 
) 


© 


Console.log((x %$ 2 == 0 


> 
站 


JavaScript 还 有 两 个 会 返回 新 数组 的 遇 历 方法 。 第 一 个 是 map: 
var myMap = numbers.map (isEven); 


数组 myMap 里 的 值 是 : [false, true, false, true, false, true, false, true, 
false, true, alse,. truey False,. true,. Talsels 它 保 存 了 传人 map 方 法 的 ijsEven 国 
数 的 运行 结 来。 这 样 就 很 容易 知道 一 个 元 系 是 否 是 偶数 。 比 如 ,myMap [0] 是 false， 因 为 1 不 是 
偶数 ; 而 myMap [1] 是 true， 因 为 2 是 偶数 。 


还 有 一 个 filter 方 法 。 它 返回 的 新 数组 由 使 丽 数 返回 true 的 元 素 组 成 : 








Var evenNumbers = numbers.filter(isEven).; 


在 我 们 的 例子 里 ，evenNumbers 数 组 中 的 元 素 都 是 偶数 : [2，4，6，8，10，12，14]。 

最 后 是 reduce 方 法 。reduce 方 法 接收 一 个 函数 作为 参数 ， 这 个 函数 有 四 个 参数 : 
previousValue、currentValue、index 和 array。 这 个 函数 会 返回 一 个 将 被 生 加 到 累加 六 的 
伸 ，reduce 方 法 停止 执行 后 会 返回 这 个 累加 旨 。 如 果 要 对 一 个 数组 中 的 所 有 元 系 求 和 ， 这 就 很 
有 用 ， 比如 : 


numbers.reduce (function(previous, current, index)t{ 
return previous + Current; 


}); 


输出 将 会 是 120。 











2.5.3 ”搜索 和 排序 
通过 本 书 , 我 们 能 学 到 如 何 编写 最 稼 用 的 搜索 和 排序 算法 。 其 实 ，JavaScript 里 也 提供 了 一 个 
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排序 方法 和 一 组 搜索 方法 。 让 我 们 来 看 看 。 


首先 ， 我们 想 反 序 输出 数组 numbers( 它 本 来 的 排序 是 1, 2, 3, 4…15 )。 要 实现 这 样 的 功能 ， 
可 以 用 reverse 方 法 ， 人 然后 数组 内 元 素 就 会 反 序 。 


numbers.reverse()， 





现在 ， 输 出 numbers 的 话 就 会 看 到 [15, 14, 13, 12, 11, 10, 9, 8, 7, 6, 5, 4, 3, 
2，1]。 然 后 ， 我 们 用 sort 方 法 : 


Dumbers .Sort ( ) ; 


然而 ， 如 果 输 出 数组 ， 结 果 会 是 [1, 10, 11, 12, 13, 14, 15, 2, 3, 4, 5, 6, 7,，8, 
9] 。 看 起 来 不 大 对 ， 是 吧 ? 这 是 因为 sort 方 法 在 对 数组 做 排序 时 ， 把 元 素 默 认 成 字符 串 进 行 相 
互 比较 。 


我 们 可 以 传 入 目 己 写 的 比较 函数 ， 因 为 数组 里 痢 是 数 子 ， 所 以 可 以 这 样 写 : 


numbers.sort (function(a, Lb)t 
return a-b; 


有 

这 上段 代码 ， 对 于 b 大 于 a 时 ， 会 返回 负数 ， 反 之 则 返回 正 数 。 如 果 相 等 的 话 ， 就 会 返回 9。 也 
就 是 说 返回 的 是 负数 ， 就 说 明 a 比 b 小 ， 这 样 sort 束 根据 返回 值 的 情况 给 数组 做 排序 。 

之 前 的 代码 也 可 以 被 表示 成 这 样 ， 会 更 清晰 一 些 : 


function compare(a, b) f{ 
if (a < b) { 
EtUrE SL 

















} 

if (a > b) { 
return 工 ; 

】 

// a 必 须 等 于 

return 0; 


: 


numbers.sort (compare);} 


这 是 因为 JavaScript 的 sort 方 法 接受 compareFunction 作 为 参数 ， 然 后 sort 会 用 它 排序 数 
组 。 在 例子 里 ， 我 们 声明 了 一 个 用 来 比较 数组 元 系 的 图 数 ， 使 数组 按 升 序 排序 。 


1. 自 定义 排序 


我 们 可 以 对 任何 对 象 类 型 的 数组 排序 ， 也 可 以 创建 compareFunction 来 比较 元 素 。 例 如 ， 
对 和 象 Person 有 名 字 和 年 龄 属性 ， 我 们 希望 根据 年 龄 排序 ， 就 可 以 这 么 写 : 











var friends = | 
{name: 'John', age: 30}, 
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{name: 'Ana', age: 20}, 
{name: 'Chris', age: 25} 


js 


function comparePerson(a, b)t 
if (a.age < b.age)t 
六 全 七 久 开 人 三 出 


} 

if (a.age > b.age)t 
return 1 

} 

return 0; 


} 


console.1log(friends.sort (ComparePerson) ) ; 
在 这 个 例子 里 ， 最 后 会 输出 Ana(20) ，CcChris(25)，John(30) 。 
2. 字符 串 排序 

假如 有 这 样 一 个 数组 : 


var names =['Ana', 'ana', 'jJohn', 'John']; 
console.log (names.sort()); 


你 猜 会 输出 什么 ? 答案 是 这 样 的 : 





[ 小 六 生计 n noOnn” > 1 Aana 1 > Johnn, ] 








既然 a 在 字母 表 里 排 第 一 位 , 为 何 ana 却 排 在 了 John 之 后 呢 ?” 这 是 因为 JavaScript 在 做 字符 比较 
的 时 候 ， 是 根据 字符 对 应 的 ASCII 值 来 比较 的 。 例 如 ，A、J、a、j 对 应 的 ASCII 值 分 别 是 65、75、 





7、106。 


虽然 在 字母 表 里 a 是 最 徘 前 的 ， 但 J 的 ASCII 值 比 a 的 小 ， 所 以 排 在 a 前 面 。 








想 了 解 更 多 关于 ASCII 表 的 信息 ， 请 访问 http:/www.asciitable.comy/。 


现在 ， 如 果 给 sort 传 人 一 个 忽略 大 小 写 的 比较 函数 ， 将 会 输出 ["aAna"，"ana"， 


Mer] 


names.sort (function(a, b)t{ 

if (a.toLowerCase() < b.toLowerCase())t 
return -1 

} 

if (a.toLowerCase() > b.toLowerCase())t 
return 1 

} 

= fu 有 


上 尖子 


山 JaODDn n 
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假如 对 市 有 重 首 符号 的 字符 做 排序 的 话 ， 我 们 可 以 用 localcompare 来 实现 : 
Var names2 = ['Maéve', 'Maeve']; 


console.log(names2?2.sort (function(a, b)t 
return a.l]ocaleCompare (b); 


最 后 输出 的 结果 将 是 ["Maeve"， "Maeve"] 。 
3. 搜索 


搜索 有 两 个 方法 : indexof 方 法 返回 与 参数 匹配 的 第 一 个 元 系 的 索引 1astIndqexof 返 回 
与 参数 匹配 的 最 后 一 个 元 素 的 索引 。 我 们 来 看 看 之 前 用 过 的 numbers 数 组 : 











console.1log (numbers.indexOf (10) ) ; 
console.log (numbers.indexOf (100) ) ; 


在 这 个 示例 中 ， 第 一 行 的 输出 是 9， 第 二 行 的 输出 是 -1 ( 因为 100 不 在 数组 里 )。 
下 面 的 代码 会 返回 同样 的 结 


numbers.push(10).; 
console.log(numbers.lastIindexOf (10) ) ; 
console.log(numbers.lastIindexOf (100) ) ; 


我 们 往 数 组 里 加 入 了 一 个 新 的 元 素 10， 因 此 第 二 行 会 输出 15( 数组 中 的 元 素 是 1 到 15， 还 有 
10 )， 第 三 行 会 输出 -1 ( 因为 100 不 在 数组 里 )。 





2.5.4 输出 数组 为 字符 串 
现在 ， 我 们 学 习 最 后 两 个 方法 : toString 和 join。 
如 果 想 把 数组 里 所 有 元 系 输 出 为 一 个 字符 串 ， 可 以 用 tostring 方 法 : 








console.log (numbers.toString()).; 


1、2、3、4、5、6、7、8、9、10、11、12、13、14、15 和 10 这 些 值 都 会 在 控制 台中 输出 。 


如 果 想 用 一 个 不 同 的 分 隔 符 (比如 - ) 把 元 素 隔 开 ， 可 以 用 join 方法 : 








var numbersString = numbers.Join('-'); 
console.log (numbersString);} 

YY < 人、 

这 将 输出 : 


1-2-3-4-5-6-7-8-9-10-1]11-12-13-14-15-10 


如 果 要 把 数组 内 容 发 送 到 服务 各 ,或 进行 编码 ( 知道 了 分 隅 符 ， 解 码 也 很 容易 )， 这 会 很 
有 用 。 
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有 一 些 很 棒 的 资源 可 以 帮助 你 更 深入 地 了 解数 组 及 其 方法 。 


口 第 一 个 是 w3schools 的 数组 页 面 : http:/www.w3schools.com/js/js_ arrays.asp。 
口 第 二 个 是 w3schools 的 数组 方法 页 面 : http://Wwww.w3schools.conmy/js/js array_ 
. methods.asp 。 
口 Mozilla 的 数组 及 其 方法 的 页 面 也 非常 棒 ， 还 有 不 错 的 例子 : https://developer. 
mozilla.org/en-US/docs/Web/JavaScript/Reference/Global Objects 人 /Array ( http://goo. 
gl/vuldiT ) 
口 在 JavaScript 项 目 中 使 用 数组 时 ， 也 有 一 些 很 棒 的 类 库 。 
图 Underscore: http://underscore]js.org/ 
四 Lo-Dash: http://lodash.com/ 


2.6 小结 


在 本 莉 中 ,我 们 学 习 了 最 第 用 的 数据 结构 : 数组 。 我 们 学 习 了 如 何 声明 和 初始 化 数组 ， 给 数 
组 赋值 ， 以 及 添加 和 移 除 数组 元 素 , 还 学 习 了 二 维和 多 维 数组 以 及 数组 的 主要 方法 。 这 对 我 们 在 
后 面 章节 中 编写 日 己 的 算法 很 有 用 。 


下 一 和 章 ， 我 们 将 学 习 栈 ， 一 种 具有 特殊 行为 的 数组 。 





























数组 是 计算 机 科学 中 最 稼 用 的 数据 绪 构 ， 上 一 章 我 们 学 习 了 如 何 创建 和 使 用 它 。 我 们 知道 ， 
可 以 在 数组 的 任意 位 置 上 删除 或 次 加 元 素 。 然 而 ,有 时 候 我 们 还 需要 一 种 在 添加 或 删除 元 素 时 有 
更 多 控制 的 数据 结构 。 有 两 种 数据 结构 类 似 于 数组 , 但 在 添加 和 删除 元 素 时 更 为 可 控 。 它 们 就 是 
栈 和 队列 。 本 章 我 们 主要 讲述 栈 。 

栈 是 一 种 避 从 后 进 先 出 (LIFO ) 原则 的 有 序 集合 。 新 添加 的 或 符 删 除 的 元 素 都 保存 在 栈 的 
末尾 ， 称 作 栈 项 ， 男 一 闪 就 叫 栈 底 。 在 栈 里 ， 新 元 条 都 徘 近 栈 顶 ， 旧 元 每 都 接近 栈 底 。 


在 现实 生活 中 也 能 发 现 很 多 栈 的 例子 。 例 如 ， 下 图 里 的 一 探 书 或 者 和 换 厅 里 堆放 的 盘子 。 























栈 也 被 用 在 编程 丧 言 的 编 详 项 和 内 存 中 保存 变量 、 方 法 调用 等 。 


3.1 栈 的 创建 
我 们 将 创建 一 个 类 来 表示 栈 。 让 我 们 从 基础 开始 ， 先 声明 这 个 类 : 
function Stack() { 


// 各 种 属性 和 方法 的 声明 
} 
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首 爷 ， 我 们 需要 一 种 数据 结构 来 保存 栈 里 的 元 冰 。 可 以 选择 数组 : 
Var items = []; 
接 下 来 ， 要 为 我 们 的 栈 声 明 一 些 方 法 。 


口 push (element (s) ): 添加 一 个 (或 几 个 ) 新 元 素 到 栈 顶 。 

口 pop () : 移 除 栈 项 的 元 素 ， 同 时 返回 被 移 除 的 元 素 。 

D peek() : 返回 栈 顶 的 元 素 ， 不 对 栈 做 任何 修改 〈 这 个 方法 不 会 移 除 栈 顶 的 元 素 ， 仅 仅 返 
回 它 )。 

D isEmpty () : 如 果 栈 里 没有 任何 元 又 就 返回 true， 否 则 返回 false。 

口 clear () : 移 除 栈 里 的 所 有 元 又 。 

D size(): 返回 栈 里 的 元 系 个 数 。 这 个 方法 和 数组 的 1engtn 属 性 很 类 似 。 


我 们 要 实现 的 第 一 个 方法 是 push。 这 个 方法 负责 往 栈 里 添加 新 元 素 ， 有 一 点 很 重要 : 该 方 
法 只 添加 元 系 到 栈 项 ， 也 就 是 栈 的 来 尾 。push 方 法 可 以 这 样 写 : 














this.push = function(element)t 
litems.push (element).; 


因为 我 们 使 用 了 数组 来 保存 栈 里 的 元 素 , 所 以 可 以 用 上 一 章 里 学 到 的 数组 的 push 方 法 来 实现 。 
接 看 ， 我 们 来 实现 pop 方 法 。 这 个 方法 主要 用 来 移 除 栈 里 的 元 素 。 栈 遵从 LIFO 原 则 ， 因 此 移 


出 的 是 最 后 添加 进去 的 元 素 。 因 此 ， 我 们 可 以 用 上 一 章 讲 数 组 时 介绍 的 pop 方 法 。 栈 的 pop 方 法 
可 以 这 样 与 : 





this.pop = function()t{ 
return items.pop(); 


}; 
只 能 用 push 和 pop 方 法 添加 和 删除 栈 中 元 素 ， 这 样 一 来 ， 我 们 的 栈 目 然 瓯 草 从 了 LIFEO 原 则 。 


现在 ,为 我 们 的 类 实现 一 些 额 外 的 辅助 方法 。 如 有 末 想 知 起 栈 里 最 后 沃 加 的 元 系 是 什么 ,可 以 
用 peek 方 法 。 这 个 方法 将 返回 栈 顶 的 元 系 : 





this.peek = functlon()1{ 
return items[items.length-1]; 


上 7 
因为 类 内 部 是 用 数组 保存 元 素 的 ， 所 以 访问 数组 的 最 后 一 个 元 系 可 以 用 length - 1: 
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在 上 图 中 ， 有 一 个 包含 三 个 元 素 的 栈 ， 因 此 内 部 数组 的 长 度 就 是 3。 数 组 中 最 后 一 项 的 位 置 
是 2，length - 1(3-1) 正好 是 2。 


下 一 个 要 实现 的 方法 是 lSsEmpty; 如 果 栈 为 空 的 话 将 返回 true， 否则 束 返 回 false: 





this.isEmpty = function()t{ 
return items.length == 0; 


i 
使 用 isEmpty 方 法 ， 我们 能 简单 地 判断 内 部 数组 的 长 度 是 否 为 0。 


类 似 于 数组 的 1 ength 属 性 我 们 也 能 实现 栈 的 1 en rs 对 于 集合 ， 最 好 用 siz e 代 和 蔡 1 engtho 
为 栈 的 内 部 使 用 数组 保存 元 素 ， 所 以 能 简单 地 返回 栈 的 长 度 : 








this.size = function()t 
return items.length; 


> 
最 后 ,我们 来 实现 clear 方 法 。clear 方 法 用 来 移 除 栈 里 所 有 的 元 系 ， 把 栈 清 空 。 实 现 这 个 
方法 最 简单 的 方式 是 : 





this.clear = function()t{ 
items = [1]; 


}; 

男 外 也 可 以 多 次 调用 pop 方 法 ， 把 数组 中 的 元 系 全 部 移 除 ， 这 样 也 能 实现 clear 方 法 。 
完成 了 ! 栈 已 经 实现 。 通 过 一 个 例子 来 放松 一 下 : 为 了 检查 栈 里 的 内 容 ， 我 们 来 实现 一 个 辅 

助 方法 ， 叫 print。 它 会 把 栈 里 的 元 对 都 输出 到 控制 台 : 


Ethie prEiNnt Ss functLionk,)t{ 
console.log (items.toString()); 


上 
这 样 ， 我 们 就 完整 创建 了 栈 ! 
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栈 的 全 部 代码 
实现 栈 之 后 ， 我 们 来 看 一 看 完整 的 代码 : 


function Stack() { 





var items = |[]; 


this.push = function(element)t 
liltems.push (element).; 


Fs 


this.pop = function()t 
return items.pop(); 


hs 


this.peek = function()t 
return items[items.length-1]; 


上 
this.isEmpty = function()t{ 
return items.length == 0; 


Ls 


this.size = function()t 





return items.length; 


this.clear = function()t 
items = []; 

es 

this.print = function()t 


console.log(items.toString()); 





小 7 
} 


使 用 stack 类 
在 深入 了 解 栈 的 应 用 前 ， 我 们 先 来 学 习 如 何 使 用 stack 类 。 


自 完 ,我 们 需要 初始 化 Stack 类 。 然 后 ,验证 一 下 栈 是 否 为 空 (输出 是 true， 因 为 还 没有 往 
栈 里 添加 元 系 )。 


Var stack = new Stack(); 
console.log(stack.isEmpty()); // 输 出 为 true 


接 下 来 ， 往 栈 里 浴 加 一 些 元 系 〈 这 里 我 们 次 加 数字 5 和 8; 你 可 以 添加 任意 类 型 的 元 素 ) : 





Stack.Pusnh(5) ， 
stack.push(8); 
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如 和 调用 peek 方 法 ， 将 会 输出 8， 因 为 它 是 往 栈 里 染 加 的 最 后 一 个 元 系 : 





console.logl(stack.peek()) 1;// 输 出 8 
再 添加 一 个 元 素 : 


stack.push(11).; 
console.log(stack.size()); // 输 出 3 
console.log(stack.isEmpty()); // 输 出 false 


我 们 往 栈 里 添加 了 11。 如 果 调 用 size 方 法 ,输出 为 3， 因 为 栈 里 有 三 个 元 素 (5、8 和 11 )。 
如 果 我 们 调用 isEmpty 方 法 ,会 看 到 输出 了 false ( 因为 栈 里 有 三 个 元 素 , 不 是 空 栈 )。 最 后 ， 
我 们 再 添加 一 个 元 素 : 








stack.push(15).; 


下 图 描绘 了 目前 为 止 我 们 对 栈 的 操作 ， 以 及 栈 的 当前 状态 : 














然后 ， 调 用 两 次 pop 方 法 从 栈 里 移 除 2 个 元 系 : 


stack.pop(); 

stack.pop(); 
console.log(stack.size()); // 输 出 2 
stack.print(); // 输 出 [5，8] 


在 两 次 调用 pop 方 法 前 ， 我 们 的 栈 里 有 四 个 元 素 。 调 用 两 次 后 ， 现 在 栈 里 仅 剩 人 3 和 8 了 。 下 
图 描绘 这 个 过 程 的 执行 : 
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3.2 ”从 十 进 制 到 二 进 制 
我 们 已 经 学 会 了 如 何 使 用 stack 类 ， 现 在 就 用 它 解决 一 些 计算 机 科学 中 的 问题 。 


现实 生活 中 , 我 们 主要 使 用 十 进 制 。 但 在 计算 科学 中 , 二 进 制 非 党 重要 ， 因 为 计算 机 里 的 所 
有 内 容 痢 是 用 二 进 制 数 字 表 示 的 (0 和 1 )。 没 有 十 进 制 和 二 进 制 相互 转化 的 能 力 ， 与 计算 机 交流 
束 很 困难 。 


要 把 十 进 制 转化 成 二 进 制 , 我 们 可 以 将 该 十 进 制 数 子 和 2 整除 ( 二进制 是 满 二 进 一 ) 直到 绪 
果 是 0 为 止 。 举 个 例子 ， 把 十 进 制 的 数字 10 转 化 成 二 进 制 的 数字 ， 过 程 大 概 是 这 样 : 








10/2==$ rem==0 


$5/2==2 rem==] 


NA 
让 
流 
匆 
Kam 


2/2==] rem==0 


将 余数 放 入 栈 中 


输出 


1/2==0 rem==] 





大 学 的 计算 机 课 一 般 都 会 完 教 这 个 进 制 转换 。 下 面 是 对 应 的 算法 描述 : 
function divideBy2 (decNumber)t{ 


var remStack = new Stack(), 
rem, 
binaryString = '' 


while (decNumber > 0){ //{1} 
rem = Math.floor(decNumber % 2); //{2} 
remStack.push(rem); //1{3} 
decNumber = Math.floor(decNumber / 2); //1{4} 
} 


while (!remStack.isEmpty()){ //{5} 
binaryString += remStack.pop() .toString(); 
} 


return binaryString; 


} 

在 这 上 段 代 码 里 ， 当 结果 满足 和 2 做 整除 的 条 件 时 ( 行 {1} )， 我们 会 获得 当前 结果 和 2 的 余数 ， 
放 到 栈 里 ( 行 {2}、{3} )。 然后 让 结果 和 2 做 整除 ( 行 {4} )。 另 外 请 注意 : JavaScript 有 数字 类 型 ， 
但 是 它 不 会 区 分 究竟 是 整数 还 是 浮 点 数 。 因 此 ， 要 使 用 Matnh. floor 因数 让 除法 的 操作 仅 返 回 整 
数 部 分 。 最 后 ， 用 pop 方 法 把 栈 中 的 元 素 都 移 除 ， 把 出 栈 的 元 素 变 成 连接 成 字符 串 〈 行 15} )。 


用 刚才 写 的 算法 做 一 些 测 试 ， 使 用 以 下 代码 把 结 来 输出 到 控制 合 里 : 
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console.log (divideBy2(233)); // 输 出 11101001 
console.log (divideBy2(10)); // 输 出 1010 
console.log (divideBy2(1000)); // 输 出 1111101000 


我 们 很 容易 修改 之 前 的 算法 ,使 之 能 把 十 进 制 转换 成 任何 进 制 。 除 了 让 十 进 制 数学 和 2 整除 
转 成 二 进 制 数 ， 还 可 以 传人 其 他 任意 进 制 的 基数 为 参数 ， 就 像 下 面 算 法 这 样 : 


function baseConverter (decNumber, base)t 





var remStack = new Stack(), 
rem, 





baseString = '',， 
digits = '0123456789ABCDEF'; //{6} 


while (decNumber > 0)f 
rem = Math.floor(decNumber % base) ; 
remStack.push (rem);} 
decNumber = Math.floor(decNumber / base); 
} 


while (!remStack.isEmpty())t 
baseString += digits[remStack.pop()]; //{7} 
} 


return baseString; 


} 

我 们 只 需要 改变 一 个 地 方 。 在 将 十 进 制 转 成 二 进 制 时 , 余数 是 0 或 1; 在 将 十 进 制 转 成 八进制 
时 ， 余 数 是 0 到 8 之 间 的 数 ; 但 是 将 十 进 制 转 成 16 进 制 时 ， 余数 是 0 到 8 之 间 的 数字 加 上 A、B、C、 
D、E 和 F (对 应 10、11、12、13、14 和 15 )。 因 此 ， 我 们 需要 对 栈 中 的 数字 做 个 转化 才 可 以 ( 行 
{6} 和 行 {7} )。 


可 以 使 用 之 前 的 算法 ， 输 出 结果 如 下 : 











console.log(baseConverter(100345，2)); // 输 出 11000011111111001 
console.log(baseConverter(100345，8)); // 输 出 303771 
console.log(baseConverter(100345，16)); // 输 出 187F9 


请 在 网 上 下 载 本 书 的 代码 ,里 面 还 有 一 些 栈 的 应 用 实例 , 如 平衡 圆 括号 和 汉 
诺 塔 。 





3.3 小结 
通过 本 章 , 我 们 学 习 了 栈 这 一 数据 结构 的 相关 知识 。 我 们 用 代码 自己 实现 了 栈 ,还 讲解 了 如 
何 用 push 和 pop 往 栈 里 添加 和 移 除 元 素 。 另 外 还 用 进 制 转换 这 个 例子 讲解 了 如 何 使 用 栈 。 


下 一 章 将 要 学 习 队列 。 它 和 栈 有 很 多 相似 之 处 ,但 有 个 重要 区 别 ， 队 列 里 的 元 素 不 遵循 后 进 
先 出 原则 。 

















队 有 列 











我 们 已 经 学 习 了 栈 。 队 列 和 栈 非常 类 似 ,， 但 是 使 用 了 不 同 的 原则 ， 而 非 后 进 先 出 。 你 将 在 这 
一 章 学 习 这 些 内 容 。 


队列 是 遵循 FIFO (First In First Out， 先 进 先 出 ， 也 称 为 先 来 先 服务 ) 原则 的 一 组 有 序 的 项 。 
队列 在 尾部 添加 新 元 素 ， 并 从 顶部 移 除 元 素 。 最 新 添加 的 元 素 必 须 排 在 队列 的 末尾 。 


在 现实 中 ， 最 稼 见 的 队列 的 例子 就 是 排队 : 














还 有 , 在 电影 院 、 目 助 餐厅 、 杂 赁 店 收 银 台 , 我 们 也 都 会 排队 。 排 在 第 一 位 的 人 会 完 接 受 服务 。 


在 计算 机 科学 中 ,一 个 沼 见 的 例子 束 是 打印 队列 。 比 如 说 我 们 需要 打印 五 份 文档 。 我们 会 打 
开 每 个 文档 ,然后 后 击 打 印 按钮 。 每 个 文档 部会 被 发 送 至 打印 队列 。 第 一 个 发 送 到 打印 队列 的 文 
档 会 首先 被 打印 ， 以 此 类 推 ， 直 到 打印 完 所 有 文档 。 














4.1 创建 队列 
我 们 需要 创建 自己 的 类 来 表示 一 个 队列 。 先 从 最 基本 的 声明 类 开始 ; 
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function Queue() { 
// 这 里 是 属性 和 万 法 
】 
首先 需要 一 个 用 于 存储 队列 中 元 素 的 数据 结构 。 我 们 可 以 使 用 数组 ， 就 像 在 上 一 章 Stack 类 
中 那样 使 用 (你 会 发 现 oueue 类 和 Stack 类 非常 类 似 ， 只 是 添加 和 移 除 元 素 的 原则 不 同 ): 


var items = [|]; 
接 下 来 需要 声明 一 些 队列 可 用 的 方法 。 


口 enqueue (element (s)): 问 队 列 尾部 添加 一 个 (或 多 个 ) 新 的 项 。 

口 deaqueue () : 移 除 队 列 的 第 一 ( 即 排 在 队列 最 前 面 的 ) 项 ， 并 返回 被 移 除 的 元 素 。 

口 front (): 返回 队列 中 第 一 个 元 素 一 一 最 先 被 添加 ， 也 将 是 最 先 被 移 除 的 元 素 。 队 列 不 
做 任何 变动 (不 移 除 元 系 ， 只 返回 元 系 信息 一 一 与 Stack 类 的 peek 方 法 非常 类 似 )。 

UD isEmpty (): 如 果 队 列 中 不 包含 任何 元 素 ， 返回 Erue， 否则 返回 false。 

D size(): 返回 队列 包含 的 元 素 个 数 ， 与 数组 的 length 属 性 类 似 。 

首先 要 实现 的 是 endqueue 方 法 。 这 个 方法 负责 加 队列 添 加 新 元 系 。 这 里 有 一 个 非常 重要 的 细 

他 ， 新 的 项 只 能 添加 到 队列 末尾 : 


this.enqueue = function(element)t 
litems.push (element).;， 




















3 


1 
既然 我 们 使 用 数组 来 存储 队列 的 元 素 , 就 可 以 用 第 2 章 和 第 3 章 中 介绍 过 的 JavaScript 的 array 
类 的 push 方 法 。 
接 下 来 要 实现 dequeue 方 法 。 这 个 方法 负责 从 队列 移 除 项 。 由 于 队列 遵循 先进 先 出 原则 ,最 先 
添加 的 项 也 是 最 先 被 移 除 的 。 可 以 用 第 2 章 中 介绍 过 的 JavaScript 的 array 类 的 shift 方 法 。 如 果 你 
不 记得 了 了， 这 里 帮 你 回忆 一 下 ，shift 方 法 会 从 数组 中 移 除 存 储 在 索引 0 (第 一 个 位 置 ) 的 元 系 : 


this.dequeue = function()t 








return items.shift(); 


Fi 


只 有 enaueue 方 法 和 aeaqueue 方 法 可 以 添加 和 移 除 元 素 , 这 样 就 确保 了 oueue 类 遵循 先进 先 
出 原则 。 


现在 来 为 我 们 的 类 实现 一 些 额 外 的 辅助 方法 。 如 采 想 知道 队列 最 前 面 的 项 是 什么 ， 可 以 用 
front 方 法 。 这 个 方法 会 返回 队列 最 前 面 的 项 ( 数组 的 索引 为 0 ): 
this.front = function()t 


return items[0]; 


上 


下 一 个 是 isEmpty 方 法 。 如 有 果 队 列 为 空 ， 它 会 返回 true， 否则 返回 false (注意 这 个 方法 和 
stack 类 里 的 一 样 ): 
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this.isEmpty = function()t 
return items.length == 0; 


上 
对 于 isEmpty 方 法 ， 可 以 人 简单 地 验证 内 部 数组 的 length 是 否 为 0。 


我 们 也 可 以 为 oueue 类 实现 类 似 于 array 类 的 1ength 属 性 的 方法 。size 方 法 也 跟 Stack 
里 的 一 样 : 


EhnLe .ele = FUNcEnron() 寺 





return items.length; 


jy 
完成 ! 我 们 的 oueue 类 就 实现 好 了 。 也 可 以 像 Stack 类 一 样 增加 一 个 print 方 法 : 
this.print = function()t 

console.log(items.toString()).; 


上 
现在 我 们 真 的 完成 了 ! 


4.1.1 完整 的 oueue 类 


看 看 oueue 类 完整 的 实现 是 什么 样 的 : 





function Queue() { 
var items = []; 
this.engqueue = function(element)t 


items.push (element).; 


上 


this.dequeue = function()t{ 
return items.shift().; 


3 


this.front = function()t 
return items[0]; 


b> 


this.isEmpty = function()t 


return items.length == 0; 
hs 
this.clear = function()t 
items = []; 
3 
this.size = function()t 


return items.length; 


Es 


类 
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this.print = function()t 
console.log(items.toString()).; 


Oueue 类 和 Stack 类 非常 类 似 。 唯 一 的 区 别 是 dequeue 方 法 和 front 方 法 ， 
这 是 由 于 先进 先 出 和 后 进 先 出 原则 的 不 同 所 造成 的 。 





4.1.2 ”使 用 Queue 类 
首先 要 做 的 是 实例 化 我 们 刚刚 创建 的 oueue 类 ,然后 就 可 以 验证 它 为 空 (输出 为 Lrue, 因为 





我 们 还 没有 问 队 列 添加 任何 元 素 ): 4 
Var dqueue = new Queue () ; 
console.log(gqueue.isEmpty()); // 输 出 true 
接 下 来 ,添加 一 些 元 素 (添加 "Jonn" 和 "Jack" 两 个 元 素 一 一 你 可 以 向 队列 添加 任何 类 型 的 


元 系 ): 


queue.engqueue ("Uohn" ) ; 








queue.engqueue ("Uack'" ) ; 
添加 亏 一 个 元 系 : 


queue.engqueue ("Camila"); 


再 执行 一 些 其 他 的 命令 : 








queue.print (); 

console.log(gqueue.size()); // 输 出 3 
console.log(gqueue.isEmpty()); // 输 出 false 
queue.dequeue ();，; 

queue.dequeue () ; 

Gueue .DPInL (); 


如 果 打 印 队 列 的 内 容 ， 就 会 得 到 John、 Jack 和 Cami1a 这 三 个 元 系 。 因为 我 们 癌 队 列 添 加 了 
三 个 元 素 ， 所 以 队列 的 大 小 为 3〈 当然 也 就 不 为 空 了 )。 


站 图 展示 了 目前 为 止 执 行 的 所 有 入 列 操作 ， 以 及 队列 当前 的 状态 : 











front end 


| om | i | cams | 








然后 ， 出 列 两 个 元 素 〈 执行 两 次 dequeue 方 法 )。 下 图 展示 了 dequeue 方法 的 执行 过 程 : 


44 第 4 章 队列 





dequeue front Cs front/end 
二- 一 一 


四 John ne Jack Camila 才 一 一 E> 部 Jack 性 本 才 一 一 


一 


最 后 ， 上 再 次 打印 队列 内 容 时 ， 就 只 剩 cami1l1a 一 个 元 兹 了 。 前 两 个 人 列 的 元 系 出 列 了 ， 最 后 
人 人 列 的 元 系 也 将 是 最 后 出 列 的 。 也 就 是 说 ， 我 们 遵循 了 先进 先 出 原则 。 


4.2 ”优先 队列 


队列 大 量 应 用 在 计算 机 科学 以 及 我 们 的 生活 中 , 我 们 在 之 前 话题 中 实现 的 默认 队列 也 有 一 些 
修改 版 本 。 


其 中 一 个 修改 版 就 是 优先 队列 。 元 际 的 添加 和 移 除 是 基于 优先 级 的 。 一 个 现实 的 例子 束 是 机 
场 登 机 的 顺序 。 头 等 舱 和 商务 舱 乘 客 的 优先 级 要 高 于 经 济 舱 乘 客 。 在 有 些 国家 , 老年 人 和 孕妇 (或 
之 小 孩 的 妇女 ) 登 机 时 也 享有 高 于 其 他 乘客 的 优先 级 。 

另 一 个 现实 中 的 例子 是 医院 的 (急诊 科 ) 候诊 室 。 医 生 会 优先 处 理 病 情 比 较 严 重 的 患者 。 

第 ， 护 士 会 鉴别 分 类 ， 根 据 患 者 病情 的 严重 程度 放 号 。 

实现 一 个 优先 队列 ， 有 两 种 选项 : 设置 优先 级 ， 然 后 在 正确 的 位 置 添 加 元 又 ; 或 者 用 入 列 操 
作 添 加 元 素 ， 然 后 按照 优先 级 移 除 它们 。 在 这 个 示例 中 ,我 们 将 会 在 正确 的 位 置 添 加 元 了 系 ， 因 此 
可 以 对 它们 使 用 默认 的 出 列 操作 : 


function PriorityQueue() { 


























var items = |[]; 


function QueueElement (element, priority){ // {1} 





this.element = element.; 
t 加 二 人 LE OTLEY 
} 


this.engqueue = function(element, priority)t 
Var gqueueFElement = new QueueElement (element, priority).; 








iE (Ee Tepe) 





items.push(gqueueElement); // {2} 
} else { 
var added = false; 


for (var i=0; i<items.length; i++)f{ 





if (gueueElement .priority < 
items[1i] .priority)t 
items.splice(i,0,gqueueElement); // {3} 
added = true; 
break; // {4)} 
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} 
} 
If (!added){ //{5} 
litems.push (queueElement).;} 





} 
> 


// 其 他 方法 和 默认 的 Queue 实 现 相 同 

默认 的 oueue 类 和 Priorityoueue 类 实现 上 的 区 别 是 ， 要 向 PriorityQueue 添 加 元 素 ， 需 
要 创建 一 个 特殊 的 元 素 ( 行 {1} )。 这 个 元 素 包 含 了 要 添加 到 队列 的 元 素 ( 它 可 以 是 任意 类 型 ) 
及 其 在 队列 中 的 优先 级 。 


如 果 队 列 为 空 ， 可 以 直接 将 元 素 入 列 ( 行 (2) )。 否则， 就 需要 比较 该 元 素 与 其 他 元 素 的 优 4 
先 级 。 当 找到 一 个 比 要 添加 的 元 素 的 briority 值 更 大 ( 优先 级 更 低 ) 的 项 时 ， 就 把 新 元 素 插入 
到 它 之 前 (根据 这 个 逻辑 ， 对 于 其 他 优先 级 相同 ， 但 是 先 添加 到 队列 的 元 素 ,我 们 同样 遵循 先进 
移出 的 原则 )。 要 做 到 这 一 点 ， 我 们 可 以 用 第 2 章 学 习 过 的 JavaScript 的 array 类 的 splice 方 法 。 
一 日 找到 priority 值 更 大 的 元 素 ， 就 插入 新 元 素 ( 行 13) ) 并 终止 队列 循环 ( 行 14 ) 这样， 
队列 也 就 根据 优先 级 排序 了 。 


如 有 果 要 添加 元 又 的 priority 值 大 于 任何 已 有 的 元 素 ， 把 它 添加 到 队列 的 末尾 就 行 了 ( 行 
{5}): 
































Var priorityQueue = new PriorityQueue(); 





priorityQueue.enqueue ("John", 2);， 
priorityQueue.enqueue ("Jack", 1); 





priorityQueue.enqueue ("Camila", 1);} 





priorityQueue.print (); 


以 上 代码 是 一 个 使 用 PriorityQueue 类 的 示例 。 在 下 图 中 可 以 看 到 每 条 命令 的 结果 ( 以 上 
代码 的 结果 ): 





mila John 
] > en 
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第 一 个 被 添加 的 元 素 是 优先 级 为 2 的 John。 因为 此 前 队列 为 空 , 所 以 它 是 队列 中 唯一 的 元 素 。 
接 下 来 ， 添 加 了 优先 级 为 1 的 Jack。 由 于 Jack 的 优先 级 高 于 Jonn， 它 就 成 了 队列 中 的 第 一 个 元 
Ea 然后 , 添加 了 优先 级 也 为 1 的 Cami 小 本 cami1la 的 优先 级 和 Jack 相 同 ， 所 以 它 会 被 插入 到 Jack 
之 后 ( 因为 Jack 先 被 插入 队列 ); cami1a 的 优先 级 高 于 Jonn， 所 以 它 会 被 插入 到 John 之 前 。 


我 们 在 这 里 实现 的 优先 队列 称 为 最 小 优先 队列 , 因为 优先 级 的 值 较 小 的 元 系 被 放置 在 队列 最 
前 面 (1 代表 更 高 的 优先 级 ) 最 大 优先 队列 则 与 之 相反 ， 把 优先 级 的 值 较 大 的 元 系 放 置 在 队列 最 
前 面 。 

















4.3 ”循环 队列 一 一 击 臻 传 花 


还 有 为 一 个 修改 版 的 队列 实现 , 台 是 循环 队列 。 循环 队列 的 一 个 例子 就 是 击 京 传 化 激 戏 (Hot 
Potato )。 在 这 个 游戏 中 , 孩子 们 围 成 一 个 圆圈 , 把 花 尽 快 地 传递 给 劳 边 的 人 。 茶 一 时 刻 传 花 傈 止 ， 
这 个 时 候 花 在 谁 手 里 ， 谁 就 退出 圆圈 结束 游戏 。 重 复 这 个 过 程 ， 直 到 只 剩 一 个 孩子 〈 胜 者 )。 


在 下 面 这 个 示例 中 ， 我 们 要 实现 一 个 模拟 的 击 避 传 伦 游 戏 : 





function hotPotato (nameList, num)t 
Var queue = new Queue(); // {1} 


for (var i=0; i<nameList.length; i++)f{ 
queue.engqueue (nameList[i]); // {2} 





l 


var eliminated = '!' 











while (gueue.size() > 1){ 
for (var 1=0; i<num; I++) { 
Queue.engqueue (gueue.dequeue()); // {3} 
y 
eliminated = gqueue.dequeue();// {4} 


console.log(eliminateqd + ' 在 击 鼓 传 花 游戏 中 被 淘汰 。'); 
} 








return gqueue.dequeue();// {D5} 
} 
Var names = ['John','Jack','Camila','Ingrid','Carl'l]; 
Var winner = hotPotato(names, 7); 
console.1log(' 胜 利 者 : ' + winner)， 





实现 一 个 模拟 的 击 玛 传 花 游戏 , 要 用 到 这 一 章 开 头 实现 的 oueue 类 ( 行 11) ) 我 们 会 得 到 一 
份 名 单 ， 把 里 面 的 名 子 全 孝 加 入 队列 ( 行 {2} ) 给 定 一 个 数字 ， 然 后 迭代 队列 。 从 队列 开头 移 
除 一 项 ， 再 将 其 添加 到 队列 末尾 〈 行 13} )， 模拟 击 歌 传 花 ( 如 果 你 把 花 传 给 了 劳 边 的 人 ， 你 被 
淘汰 的 威胁 立刻 就 解除 了 ) 一 旦 传递 次 数 达 到 给 定 的 数字 ， 拿 着 花 的 那个 人 惑 被 淘汰 了 〈 从 队 
列 中 移 除 一 一 行 14} )。 最 后 只 剩 下 一 个 人 的 时 候 ， 这 个 人 就 是 胜 者 ( 行 {5} )。 
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以 上 算法 的 输出 如 下 : 


Camila 在 击 鼓 传 花 游 戏 中 被 淘汰 。 
Jack 在 击 鼓 传 花 游戏 中 被 淘汰 。 
Carl 在 击 鼓 传 花 游 戏 中 被 淘汰 。 
Ingrid 在 击 鼓 传 花 游 戏 中 被 淘汰 。 
胜利 者 : John 


下 图 模拟 了 这 个 输出 过 程 : 





Ingrid 
被 淘汰 








你 可 以 改变 传人 hotPotato 国 数 的 数字 ， 模 拟 不 同 的 场景 。 


4.4 小结 


这 一 曹 我 们 学 习 了 队列 这 种 数据 结构 。 我 们 实现 了 目 己 的 队列 算法 ， 学 习 了 如 何 通过 
enqueue 方 法 和 和 dequeue 方法 添加 和 移 除 元 辽 。 我 们 还 学 习 了 两 种 非常 著名 的 特殊 队列 的 实现 : 
优先 队列 和 循环 队列 〈 使 用 击 辟 传 花 游 戏 的 实现 )。 


在 下 一 曹 中， 我 们 将 学 习 链 表 ， 一 种 比 数 组 更 复杂 的 数据 结构 。 


























我 们 在 第 2 草 中 学 习 了 数组 这 种 数据 结构 。 数 组 〈 或 者 也 可 以 称 为 列表 ) 是 一 种 非常 简单 的 
存储 数据 序列 的 数据 结构 。 在 这 一 章 中 ,你 会 学 习 如 何 实现 和 使 用 链表 这 种 动态 的 数据 结构 ,这 
意味 着 我 们 可 以 从 中 任意 添加 或 移 除 项 ， 它 会 按 需 进行 扩容 。 


要 存储 多 个 元 素 ， 数 组 (或 列表 ) 可 能 是 最 常用 的 数据 结构 。 正 如 本 书 之 前 提 到 过 的 ， 每 种 
语言 都 实现 了 数组 。 这 种 数据 结构 非常 方便 ， 提 供 了 一 个 便利 的 [] 语 法 来 访问 它 的 元 素 。 然 而 ， 
这 种 数据 结构 有 一 个 缺点 :( 在 大 多 数 语 言 中 ) 数组 的 大 小 是 固定 的 ， 从 数组 的 起 点 或 中 间 插 入 
或 移 除 项 的 成 本 很 高 , 因为 需要 移动 元 系 ( 尽管 我 们 已 经 学 过 的 JavaScript 的 Array 类 方法 可 以 帮 
我 们 做 这 些 事 ,但 痛 后 的 情况 同样 是 这 样 )。 

链表 存储 有 序 的 元 素 集 合 , 但 不 同 于 数组 ， 链 表 中 的 元 素 在 内 存 中 并 不 是 连续 放置 的 。 每 个 
元 系 由 一 个 存储 元 和 素 本 映 的 和 点 和 一 个 指 回 下 一 个 元 素 的 引用 (也 称 指 针 或 链接 ) 组 成 。 下 图 展 
示 了 一 个 链表 的 结构 : 



























































item | next item | next item | next 








相对 于 传统 的 数组 ， 链 表 的 一 个 好 处 在 于 ， 添 加 或 移 除 元 素 的 时 候 不 需要 移动 其 他 元 素 。 然 
而 ,链表 需要 使 用 指针 ， 因 此 实现 链表 时 需要 额外 注意 。 数 组 的 另 一 个 细节 是 可 以 直接 访问 任何 
位 置 的 任何 元 素 ， 而 要 想 访问 链表 中 间 的 一 个 元 素 ， 需 要 从 起 点 ( 表 头 ) 开始 交代 列表 直到 找到 
所 需 的 元 素 。 


现实 中 也 有 一 些 链 表 的 例子 。 第 一 个 例子 就 是 康 加 舞 队 。 每 个 人 是 一 个 元 系 , 手 就 是 链 癌 下 
一 个 人 的 指针 。 可 以 向 队列 中 增加 入 一 一 只 需要 找到 想 加 入 的 点 ， 靳 开 连 接 , 插入 一 个 人 ,， 青 重 
新 连接 起 来 。 


男 一 个 例子 是 寻宝 游戏 。 你 有 一 条 线索 , 这 条 线索 是 指 癌 寻找 下 一 条 线索 的 地 点 的 指针 。 你 
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顺 着 这 条 链接 去 下 一 个 地 点 ,得 到 另 一 条 指向 再 下 一 处 的 线索 。 得 到 列表 中 间 的 线索 的 唯一 办 法 ， 
就 是 从 起 点 ( 第 一 条 线索 ) 顺 看 列表 寻找 。 

还 有 一 个 可 能 是 用 来 说 明 链 表 的 最 流行 的 例子 , 那 就 是 火车 。 一列 火 车 是 由 一 系列 车 有 胡 (也 
称 车 皮 ) 组 成 的 。 每 广 车 胡 或 车 皮 部 相互 连接 。 你 很 容易 分 离 一 广 和 车 皮 ， 改 变 它 的 位 置 ， 添加 或 
移 除 它 。 下 图 读 示 了 一 列 火 和 车。 每 站 千 皮 痢 是 列表 的 元 系 ， 丰 皮 间 的 连接 就 是 指针 : 












































在 这 一 革 ， 我 们 会 介绍 链表 和 双 辣 链表 。 但 还 是 先 从 最 简单 的 数据 结构 开始 吧 。 





5.1 创建 一 个 链表 
理解 了 链表 是 什么 之 后 ， 现 在 就 要 开始 实现 我 们 的 数据 结构 了 。 以 下 是 我 们 的 Linkedrist 





类 的 骨架 ， 
function LinkedList() { 
Var Node = function(element){ // {1} 
this.element = element.; 
i i 





二 


Var Lernigtly =° .0% 7Y 2 
Var head = null; // {3} 


this.appengd = function(element){}; 
this.insert = function(position, element){}; 
this.removeAt = function(position){}; 
this.remove = function(element){}; 
this.indexOf = function(element){}; 
this.isEmpty = function() {}; 

this.size = function() {}; 

this.toString = function(){}; 

tHhis brint =. {unotion() {}; 








} 

LinkedList 数 据 结 构 还 需要 一 个 Node 辅 助 类 ( 行 {1} )。Nodqe 类 表示 要 加 入 列表 的 项 。 它 
包含 一 个 element 属性 ， 即 要 添加 到 列表 的 值 ， 以 及 一 个 next 属 性 ， 即 指向 列表 中 下 一 个 节点 
项 的 指针 。 
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LinkedList 类 也 有 存储 列表 项 的 数量 的 length 属 性 (内 部 /私有 变量 )( 行 12} )。 
男 一 个 重要 的 点 是 , 我 们 还 需要 存储 第 一 个 节点 的 引用 。 为 此 ， 可 以 把 这 个 引用 存储 在 一 个 





称 为 head 的 变量 中 ( 行 {3} )。 


然后 就 是 LinkedList 类 的 方法 。 在 实现 这 些 方 法 之 前 ， 先 来 看 看 它们 的 职 黄 。 


口 appeng (element): 问 列 表 尾 部 添 加 一 个 新 的 项 。 

Eineert(Deaelitisn Clenment, ne 

中 Temove (element) ， 从 列表 中 移 除 “I 

DD indexOf (element) re 如 采 列 表 中 没有 该 元 素 则 返回 -1 

D removeAt (position): 从 列表 的 特定 位 置 移 除 一 项 。 

口 1sEmoty () : 如 果 链 表 中 不 包含 任何 元 素 , 返回 true, 如 果 链 表 长 度 大 于 0 则 返回 false。 

D size(): 返回 链表 包含 的 元 素 个 数 。 与 数组 的 length 属 性 类 似 。 

口 tostring(): 由 于 列表 项 使 用 了 了 Node 类， 就 需要 重 写 继承 目 JavaScript 对 象 默 认 的 
toSstring 方 法 ， 让 其 只 输出 元 素 的 值 。 

















.1 问 链 表 尾 部 追加 元 素 


问 LinkedqList 对 和 象 尾 部 添加 一 个 元 系 时 ， 可 能 有 两 种 场景 : 列表 为 空 ， 添 加 的 是 第 一 个 元 
或 者 列表 不 为 空 ， 同 其 追加 元 系 。 


下 面 是 我 们 实现 的 append 方 法 : 











this.appengd = function(element)t 


var node = new Node (element), //{1} 
current; //1{2} 


计生， 怕 闪 宇 避 三 于 > 的 胡 汪 二 过 笠 弟 二 外 和 攻取 太 3 
head = node; 


} else { 
Current = head; //{4} 


// 循 环 列表 ， 直 到 找到 最 后 一 项 
while(current.next)t 
Current = current .next.; 


} 
// 找 到 最 后 一 项 ， 将 其 next 赋 为 node， 建 立 链接 
Current .next = node; //{D} 


l 


J]jength++; // 更 新 列表 的 长 度 //1{6} 


首先 需要 做 的 是 把 element 作 为 值 传 入 ,创建 Node 项 ( 行 {1} )。 
先 来 实现 第 一 个 场景 : 向 为 空 的 列表 添加 一 个 元 系 。 当 我 们 创建 一 个 LinkegList 对 象 时 ， 


headq 会 指 回 nul ]: 


node 


a = X 


element node.next 





如 果 head 元 系 为 nul1( 列 表 为 空 一 行 13} )， 就 意味 看 在 问 列 表 添 加 第 一 个 元 系 。 因 此 要 
做 的 就 是 让 nead 元 素 指 加 nodqe 元 素 o 下 一 个 node 元 系 将 会 日 动 成 为 nu11( 请 看 5. 1 六 的 源 代 人 码 > 


¥ la 


好 了 , 我 们 已 经 说 完了 第 一 种 场景 。 再 来 看 看 第 二 个 ,也 就 是 向 一 个 不 为 空 的 列表 尾部 添加 
元 条 

要 问 列 表 的 尾部 添加 一 个 元 素 ， 首 先 需 要 找到 最 后 一 个 元 素 。 记 住 ， 我 们 只 有 第 一 个 元 素 的 
引用 ( 行 {4} )， 因 此 需要 循环 访问 列表 ， 直 到 找到 最 后 一 项 。 为 此 ， 我 们 需要 一 个 指 回 列表 中 
current 项 的 变量 ( 行 {2} )。 循 环 访问 列表 时 ， 当 current .next 元 系 为 nu11 时 ， 我们 就 知道 
已 经 到 达 列 表 尾 部 了 。 然 后 要 做 的 就 是 让 当前 〈 也 就 是 最 后 一 个 ) 元 素 的 next 指 针 指 回想 要 添 
加 到 列表 的 节点 ( 行 {5} )。 下 图 展示 了 这 个 行为 : 


Precemeey 
current current.next 


而 当 一 个 Node 元 条 被 创建 时 ， 它 的 next 指 针 总 是 nul11。 这 没 问题 ， 因 为 我 们 知道 它 会 是 列 
表 的 最 后 一 项 。 

当然 ， 别 筷 了 递增 列表 的 长 度 ， 这 样 就 能 控制 它 ， 轻 松 地 得 到 列表 的 长 度 ( 行 {6} )。 

我 们 可 以 通过 以 下 代码 来 使 用 和 测试 目前 创建 的 数据 结构 : 

var list = new LinkedList().; 


list.append(15).; 
list.append(10).; 





列表 最 后 一 个 节点 的 下 一 个 元 素 始 终 是 null。 
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5.1.2 ”从 链表 中 移 除 元 素 
现在 ， 让 我 们 看 看 如 何 从 LinkedList 对 象 中 移 除 元 隶 。 移 除 元 素 也 有 两 种 场景 : 第 一 种 是 移 
除 第 一 个 元 对 ， 第 二 种 是 移 除 第 一 个 以 外 的 任 一 元 又。 我 们 要 实现 两 种 remove 方 法 : 第 一 种 是 从 
特定 位 置 移 除 一 个 元 系 ， 第 二 种 是 根据 元 素 的 值 移 除 元 素 ( 稍 后 我 们 会 展示 第 二 种 remove 方 法 )。 
下 面 是 根据 给 定位 置 移 除 一 个 元 系 的 方法 的 实现 : 


this.removeAt = function(position)t 

















/ /检查 越界 值 
if (position > -1 && position < length){ // {1} 
var current = head, // {2} 
DeEevious, 77 {3 
ER S03 /4 


// 移 除 第 一 项 


if (position === 0){ // {5} 
head = current .next; 
} else { 


while (index++ < position){ // {6} 


previous = current; A 
Current = current .next; // {8} 


} 


// 将 pbrevious 与 current 的 下 一 项 链接 起 来 : 跳 过 current， 从 而 移 除 它 
previous.next = current .next; // {9} 


} 
length--; // {10} 


return current.element.; 





} else { 
天 总 世道 天 证 mall 7 TLL 
} 

















- 步 一 步 来 看 这 段 代 人 码 。 该 方法 要 得 到 知 要 移 除 的 元 系 的 位 置 ,就 需要 验证 这 个 位 置 是 有 效 
的 ( 行 {1} )。 从 0 (包括 0 ) 到 列表 的 长 度 (size - 1， 因 为 索引 是 从 零 开 始 的 ) 都 是 有 效 的 位 
置 。 如 果 不 是 有 效 的 位 置 ， 就 返回 null ( 意 即 没有 从 列表 中 移 除 元 素 )。 


一 起 来 为 第 一 种 场景 编写 代码 : 我 们 要 从 列表 中 移 除 第 一 个 元 系 (position === 0 一 一 行 
{5} )。 下 图 展示 了 这 个 过 程 : 














current current.next 
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因此 ， 如 有 果 想 移 除 第 一 个 元 系 ， 要 做 的 就 是 让 head 指 回 列 表 的 第 二 个 元 素 。 我 们 将 用 
current 变 量 创建 一 个 对 列表 中 第 一 个 元 素 的 引用 ( 行 {2} 一 一 我 们 还 会 用 它 来 迭代 列表 ,但 稍 
等 一 下 再 说 )。 这 样 current 变量 就 是 对 列表 中 第 一 个 元 泰 的 引用 。 如 果 把 head 赋 为 


current .next ， 就 会 移 除 第 一 个 元 素 。 


现在 , 假设 我 们 要 移 除 列表 的 最 后 一 项 或 者 中 间 某 一 项 。 为 此 , 需要 依 徘 一 个 细 市 来 迭代 列 
表 , 下 到 到 达 目 标 位 置 ( 行 {6} 我 们 会 使 用 一 个 用 于 内 部 控制 和 递增 的 ijndex 变 量 ): current 
变量 总 是 为 对 所 循环 列表 的 当前 元 系 的 引用 ( 行 {8} )。 我 们 还 需要 一 个 对 当前 元 系 的 前 一 个 元 
素 的 引用 ( 行 {7} ); 它 被 命名 为 previous( 行 {3} )。 


因此 ， 要 从 列表 中 移 除 当前 元 系 ， 要 做 的 就 是 将 previous .next 和 current .next 链 接 起 
来 ( 行 {9} )。 这 样 ， 当 前 元 系 就 会 被 丢弃 在 计算 机 内 存 中 ， 等 者 被 垃圾 回收 大 清 除 。 


















































要 更 好 地 理解 JavaScript 垃 圾 回收 器 如 何 工 作 ， 请 阅读 https://developer. 
mozilla.org/en-US/docs/Web/JavaScript/Memory Management。 















current current.next 


| previous previous.next ] 


对 于 最 后 一 个 元 隶 ， 当 我 们 在 行 {6} 跳 出 循环 时 ，current 变 量 将 是 对 列表 中 最 后 一 个 元 妈 





的 引用 ( 要 移 除 的 元 对 )。current .next 的 值 将 是 nul1 ( 因为 它 是 最 后 一 个 元 素 )。 由 于 还 保留 
了 对 previous 元 取 的 引用 (当前 元 又 的 前 一 个 元 对 )，previous .next 就 指 癌 了 current。 那 
么 要 移 除 current ， 要 做 的 就 是 把 previous .next 的 值 改 变 为 current .next。 


现在 来 看 看 ， 对 于 列表 中 间 的 元 系 是 否 可 以 应 用 相同 的 逻辑 : 

















current current.next 


| previous previous.next ] 
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current 变 量 是 对 要 移 除 元 系 的 引用 。previous 变 量 是 对 要 移 除 元 系 的 前 一 个 元 系 的 引用 。 
那么 要 移 除 current 元 系 ， 需 要 做 的 就 是 将 previous .next 与 current .next 链 接 起 来 。 因 此 ， 
我 们 的 逻辑 对 这 两 种 情况 都 管用 。 





5.1.3 在 任意 位 置 插入 一 个 元 素 


接 下 来 ， 我 们 要 实现 insert 方 法 。 使 用 这 个 方法 可 以 在 任意 位 置 插入 一 个 元 素 。 我 们 来 看 
一 看 它 的 实现 : 





this.insert = function(position, element)t 
/ /检查 越界 值 
1If (position >= 0 && position <= length){ //{1} 
Var node = new Node (element),, 
current = head, 
previous, 
index = 0; 
if (position === 0){ // 在 第 一 个 位 置 添加 
node.next = current; //1{2} 


head = node; 


} else { 
while (index++ < position){ //{3} 
previous = current; 
Current = current .next,; 
} 
node.next = current; //{4} 
previous.next = node; //{5} 


} 
J]jength++; // 更 新 列表 的 长 度 
return true; 


} else { 
return false; //{6} 
} 
1 


由 于 我 们 人 处理 的 是 位 置 ， 就 需要 检查 越界 值 ( 行 {1}， 跟 remove 方 法 类 似 )。 如 果 越 界 了 ， 
就 返回 false 值 ， 表 示 没 有 添加 项 到 列表 中 ( 行 {6} )。 


现在 我 们 要 处 理 不 同 的 场景 。 第 一 种 场景 ， 需 要 在 列表 的 起 点 添加 一 个 元 系 ,， 也 就 是 第 一 个 
位 置 。 下 图 展示 了 这 种 场景 : 
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node node.next 











current 变 量 是 对 列表 中 第 一 个 元 素 的 引用 。 我 们 需要 做 的 是 把 node .next 的 值 设 为 
current (列表 中 第 一 个 元 双 )。 现 在 head 和 和 node .next 都 指 问 了 current。 接 下 来 要 做 的 就 是 
把 head 的 引用 改 为 noae(〈 行 12} )， 这 样 列 表 中 就 有 了 一 个 新 元 厅 。 


现在 来 处 理 第 二 种 场景 : 在 列表 中 间或 尾部 添加 一 个 元 素 。 首 移 ， 我 们 需要 循环 访问 列表 ， 
找到 目标 位 置 ( 行 {3} )。 当 跳出 循环 时 ，current 变 量 将 是 对 想 要 插入 新 元 素 的 位 置 之 后 一 个 
元 系 的 引用 ， 而 previous 将 是 对 想 要 插入 新 元 系 的 位 置 之 前 一 个 元 床 的 引用 。 在 这 种 情况 下 ， 
我 们 要 在 previous 和 current 之 间 添 加 新 项 。 因 此 ， 首 先 需 要 把 新 项 (node ) 和 当前 项 链接 起 






































邮 来 ( 行 {4} )， 然 后 需要 改变 previous 和 current 之 间 的 链接 。 我 们 还 需要 让 previous .next 
电 指 回 nodae(〈 行 15} )。 


我 们 通过 一 张 图 表 来 看 看 代码 所 做 的 事 : 








previous previous.next 
A current 
= [ee 
AN® 
> 7 
16 | 的 
| | 


pe 


| node node.next | 





如 条 我 们 试图 回 最 后 一 个 位 置 添 加 一 个 新 元 素 ，previous 将 是 对 列表 最 后 一 项 的 引用 ， 而 
current 将 是 nul J 在 这 种 情况 下 ， Node. next 将 指 加 current, Moereyvt OUS . next 将 指 加 


nodqe， 这 样 列 表 中 束 有 了 一 个 新 的 项 。 
现在 来 看 看 如 何 加 列表 中 间 诬 加 一 个 新 元 素 : 
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previous previous.next 


current 


= ee 冯 
人 | 
以 1 
四 ES 

pa 
node node.next 


在 这 种 情况 下 ， 我 们 试图 将 新 的 项 (node ) 插入 到 previous 和 current 元 素 之 间 。 首 先 ， 
我 们 需要 把 node .next 的 值 指 问 current。 然 后 把 previous .next 的 值 设 为 node。 这 样 列表 中 
就 有 了 一 个 新 的 项 。 





I 使 用 变量 引用 我 们 需要 控制 的 节点 非常 重要 ,这 样 就 不 会 丢失 节点 之 间 的 链 
接 。 我 们 可 以 只 使 用 一 个 变量 (previous ),， 但 那样 会 很 难 控 制 节 点 之 间 的 链 
接 。 由 于 这 个 原因 ， 最 好 是 声明 一 个 额外 的 变量 来 帮助 我 们 处 理 这 些 引 用 。 


5.1.4 ”实现 其 他 方法 


在 这 一 记 中 ， 我 们 将 会 学 习 如 何 实 现 toSstring、indaqexof 、isEmpty 和 size 等 其 他 
LinkedList 类 的 方法 。 


1. toString 方 法 


tosString 方 法 会 把 LinkedList 对 象 转换 成 一 个 字符 串 。 下 面 是 Lostring 方 法 的 实现 : 


this.toString = function()t 
var current = head, //{1} 
Str Lng Ee. 0 pp 


while (current) f{ //{3} 





string = current.element; //{4} 
Current = current.next; ZE 
} 
return string; //1{6} 


自 完 , 要 循环 访问 列表 中 的 所 有 元 系 , 就 害 要 有 一 个 起 点 ,也 就 是 nead。 我 们 会 把 current 
变量 当 作 索引 ( 行 11) ), 控制 循环 访问 列表 。 我 们 还 需要 初始 化 用 于 拼接 元 素 信 的 变量 ( 行 12) )。 
接 下 来 不 是 循环 访问 列表 中 的 每 个 元 素 〈 行 13) )。 我 们 要 用 current 来 检查 元 素 是 否 人 存在 
(如 采 列 表 为 空 ,或 是 到 达 列 表 中 最 后 一 个 元 素 的 下 一 位 Cnull ),，while 循 环 中 的 代码 就 不 会 执 
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行 )。 然 后 我 们 就 得 到 了 元 素 的 内 容 ， 将 其 拼接 到 字符 串 中 ( 行 {4} )。 最 后 ， 继 续 壕 代 下 一 个 元 
素 ( 行 {5}) )。 


最 后 ， 返 回 列表 内 容 的 字符 串 ( 行 {6} )。 


2. index0f 方 法 





indqexof 是 我 们 下 一 个 要 实现 的 方法 。indaexof 方 法 接收 一 个 元 素 的 值 ， 如 果 在 列表 中 找到 
它 ， 束 返回 元 系 的 位 置 ， 否 则 返回 -1。 


3 





Sy 个 人 六 
来 看 看 它 的 实现 : 
this.indexOf = function(element)t 
var current = head, //{1} 
index = -1; 


while (current) { //{2} 








if (element === current.element) { 
return index; /3 

} 

lndex++; //{4} 

current = current.next; //{5)} 


} 


return -1; 

}; 

一 如 既往 ,我 们 需要 一 个 变量 来 帮助 我 们 循环 访问 列表 ,这 个 变量 是 current, 它 的 初始 值 
是 nead (列表 的 第 一 个 元 素 一 一 我 们 还 需要 一 个 index 变 量 来 计算 位 置 数 ( 行 {1} ))。 然 后 循环 
访问 元 素 ( 行 {2} )， 检 查 当 前 元 素 是 否 是 我 们 要 找 的 。 如 果 是 ， 就 返回 它 的 位 置 ( 行 {(3} ); 如 
果 不 是 ， 就 继续 计数 ( 行 {4} )， 检 查 列 表 中 下 一 个 和 点 〈 行 15} )。 

如 果 列 表 为 空 ， 或 是 到 达 列 表 的 尾部 (current = current .next 将 是 null ), 循环 就 不 
会 执行 。 如 果 没 有 找到 值 ， 就 返回 -1。 


实现 了 这 个 方法 ， 我 们 就 可 以 实现 remove 等 其 他 的 方法 : 














this.remove = function(element)t 
Var index = this.indexOf (element).;} 
return this.removeAt (index),; 
下 
我 们 已 经 有 一 个 移 除 给 定位 置 的 一 个 元 素 的 removeat 方 法 了 。 现 在 有 了 inqexof 方 法 ， 如 
果 传 入 元 素 的 值 ， 就 能 找到 它 的 位 置 ， 然 后 调用 removeAt 方 法 并 传 入 找到 的 位 置 。 这 样 非常 人 简 
单 ， 如 果 需 要 更 改 removeAt 方 法 的 代码 ， 这 样 也 更 容易 一 一 两 个 方法 都 会 被 更 改 ( 这 就 是 重用 
代码 的 妙 处 )。 这 样 ， 我 们 就 不 需要 维护 两 个 从 列表 中 移 除 一 项 的 方法 ， 只 和 震 要 一 个 ! 同时 ， 
removeAt 方 法 将 会 命 查 边界 约束 。 
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3. isEmpty、size 和 getHead 方 法 


isEmpty 和 size 方 法 跟 我 们 在 上 一 半 实 现 的 一 模 一 梓 。 但 我 们 还 是 来 看 一 下 : 


this.isEmpty = function() { 
et Lenogth =e Os 








} 3 
如 有 果 列 表 中 没有 元 杂 ，isEmpty 方 法 就 返回 true， 否 则 返回 false。 


this.size = function() { 
return length; 


| 


size 方 法 返回 列表 的 length。 和 我 们 之 前 几 章 实现 的 类 有 所 不 同 , 列表 的 length 是 内 部 控 
制 的 ， 因 为 LinkeqList 是 从 头 构建 的 。 


后 还 有 getHead 方 法 : 


this.getHead = function()t 
return head; 
headq 变 量 量 量 是 LinkedLi st 类 的 私有 变量 量 (这 总 意味 着 它 不 能 tT inkedLl st 实例 外 部 被 访问 和 
更 改 ， 只 有 通过 LinkedList 实 例 才 可 以 )。 但 是 ， 如 果 我 们 需要 在 类 的 实现 外 部 循环 访问 列表 ， 
就 宕 要 提供 一 种 获取 类 的 第 一 个 元 厅 的 方法 。 











5.2 ” 双 回 链表 


链表 有 多 种 不 同 的 类 型 , 这 一 节 介 绍 双向 链表 。 双 回 链 表 和 普通 链表 的 区 别 在 于 , 在 链表 中 ， 
一 个 节点 只 有 链 向 下 一 个 节点 的 链接 ， 而 在 双向 链表 中 ， 链 接 是 双向 的 : 一 个 链 向 下 一 个 元 素 ， 
另 一 个 链 回 前 一 个 元 素 ， 如 下 图 所 示 : 








tail 
node node node J null 


head 一 基 | Prev | item | next prev | item | next prev | item | next 


@ @ 性 
区 < a 3 a Rs, 


先 从 实现 DoublyLinkedList 类 所 需 的 变动 开始 . 











function DoublyLinkedList() f 
var Node = function(element)t 


this.element = element.; 
this.next = null; 
Elineprteyw ell yy 过 的 
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> 


var length = 0; 
Var head = null; 
var tail = null; // 新 增 的 


// 这 里 是 方法 

) 

在 代码 中 可 以 看 到 ，LinkedList 类 和 DoupblyLinkedList 类 之 间 的 区 别 标 为 新 增 的 。 在 
Node 类 里 有 prev 属 性 (一 个 新 指针 )， 在 DoublyLinkedList 类 里 也 有 用 来 保存 对 列表 最 后 一 
项 的 引用 的 tail 属 性 。 

双向 链表 提供 了 两 种 迭代 列表 的 方法 : 从 头 到 尾 ， 或 者 反 过 来 。 我 们 也 可 以 访问 一 个 特定 市 
点 的 下 一 个 或 前 一 个 元 素 。 在 单 向 链表 中 ， 如 果 迭 代 列 表 时 错过 了 要 找 的 元 素 ， 就 需要 回 到 列表 
起 点 ， 重 新 开始 迭代 。 这 是 双 癌 链表 的 一 个 优点 。 











5.2.1 在 任意 位 置 插入 一 个 新 元 素 


问 双 癌 链表 中 插入 一 个 新 项 跟 ( 单 向 ) 链表 非常 类 似 。 区 别 在 于 ， 链 表 只 要 控制 一 个 next 
指针 ， 而 双 癌 链表 则 要 同时 控制 next 和 prev (previous， 前 一 个 ) 这 两 个 指针 。 


这 是 回 任 意 位 置 插入 一 个 新 元 素 的 算法 : 








this.insert = function(position, element)t 
/ /检查 越界 值 
1if (position >= 0 && position <= length)t 
var node = new Node (element),, 
CuUrient. = head, 
Previous, 
index = 0; 
if (position === 0){ // 在 第 一 个 位 置 添加 


if (!head){ // 新 增 的 {1} 


head node; 
tail node; 
} else { 
node.next = current; 


current .prev = node; // 新 增 的 {21 
head = node; 
} 
} else if (position === length) { // 最 后 一 项 // 新 增 的 


current = tail; // {3} 
current .next = node; 
node.prev = current; 
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tail = node; 
} else { 

while (index++ < position){ //{4} 
previous = Current; 
CUFEEnNEt = CUrrTenNEt .next; 

} 

node.next = current; //{D} 

previous.next = node; 


current .prev = node; // 新 增 的 
node.prev = previous; // 新 增 的 


} 
Jjength++; // 更 新 列表 的 长 度 
return true; 


} else { 
return false; 


} 

3 

我 们 来 分 析 第 一 种 场景 : 在 列表 的 第 一 个 位 置 (列表 的 起 点 ) 插入 一 个 新 元 床 。 如 果 列 表 为 
空 ( 行 {1} )， 只 需要 把 nead 和 tail 都 指 问 这 个 新 方 点 。 如 果 不 为 空 ，current 变 量 将 是 对 列表 
中 第 一 个 元 系 的 引用 。 就 像 我 们 在 链表 中 所 做 的 ， 把 node .next 设 为 current， 而 head 将 指 回 
node( 它 将 成 为 列表 中 的 第 一 个 元 系 ) 不 同 之 处 在 于 ,我们 还 需要 为 指 癌 上 一 个 元 素 的 指针 设 
一 个 值 。current .prev 指 针 将 由 指 同 nul11 变 为 指 同 新 元 率 (node 一 一 行 {2} )。node.prev 指 
针 已 经 是 nul1l1， 因 此 不 需要 再 更 新 任何 东西 。 























下 图 演示 了 这 个 过 程 : 


current 








现在 来 分 析 一 下 ， 假 如 我 们 要 在 列表 最 后 添加 一 个 新 元 素 。 这 是 一 个 特殊 情况 ， 因 为 我 们 还 
控制 着 指向 最 后 一 个 元 素 的 指针 (tail )。current 变 量 将 引用 最 后 一 个 元 素 ( 行 {3} )。 然 后 开 
始 建立 第 一 个 链接 : node. prev 将 3 | 用 current o CUrrent. next 指 针 ( 指 回 nul1l ) 将 指 同 node 
(由 于 构造 图 数 ，nodqe .next 已 经 指 回 了 null )。 然 后 只 剩 一 件 事 了 ， 就 是 更 新 tail， 它 将 由 指 
器 current 变 为 指 回 node。 下 图 展示 了 这 些 行为 : 
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然后 还 有 第 三 种 场景 : 在 列表 中 间 插 入 一 个 新 元 系 。 就 像 我们 在 之 前 的 方法 中 所 做 的 ， 迭代 
列表 ， 下 到 到 达 要 找 的 位 置 ( 行 {4} ) 我 们 将 在 current 和 previous 元 系 之 间 插 人 新 元 素 。 首 
先 ， node .next 将 指 四 current ( 行 {5} 站 而 previous next 将 指 回 node， 这 样 就 不 会 丢失 廊 
点 之 间 的 链接 。 然 后 需要 处 理 所 有 的 链接 : current .prev 将 指 问 node， 而 node .prev 将 指 问 
previous。 下 图 展示 了 这 一 过 程 : 











previous current 





我 们 可 以 对 insert 和 remove 这 两 个 方法 的 实现 做 一 些 改 进 ,在 结果 为 否 的 

> 情况 下 ， 我 们 可 以 把 元 素 插 入 到 列表 的 尾部 。 性 能 也 可 以 有 所 改进 ， 比 如 ， 如 果 

QQ position 大 于 length/2， 就 最 好 从 尾部 开始 迭代 ， 而 不 是 从 头 开 始 (这 样 就 
能 和 迭代 更 少 列 表 中 的 元 素 )。 


5.2.2 ”从 任意 位 置 移 除 元 素 


从 双 回 链表 中 移 除 元 系 跟 链表 非常 类 似 。 唯 一 的 区 别 就 是 还 需要 设置 前 一 个 位 置 的 指针 。 我 
们 来 看 一 下 它 的 实现 : 


this.removeAt = function(position)t 








/ /检查 越界 值 
if (position > -1 && position < length)t 
var current = head， 
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previous, 


index = 0; 


// 移 除 第 一 项 
1If (position === 0)1{ 


head = CUTYEGnL .meXtLt:;， // {1} 


/ /如果 只 有 一 项 ， 更 新 tail // 新 增 的 


“(Length. sae LY /7 (2 
tail = null; 
} else { 


head.prev = null; // {3} 
} 


} else if (position === length-1){ / /最 后 一 项 // 新 增 的 


current = tail: // {4} 


tail = current .preyv; 
tall Next. -=> HULLs 
} else { 


while (index++ < position){ // {5} 


previous = current; 
Current = current .next.; 


lL 


// 将 brevious 与 current 的 下 一 项 链接 起 来 一 跳 过 current 
previous.next = current .next; // {6} 
CUrrent next Drev = Drevioue 77 新 境 的 


} 


length--; 





return current.element.; 


} else { 
return Td: 
} 
} 。 


我 们 需要 处 理 三 种 场景 : 从 头 部 、 从 中 间 和 从 尾部 移 除 一 个 元 系 。 


我 们 来 看 看 如 何 移 除 第 一 个 元 素 。current 变 量 是 对 列表 中 第 一 个 元 素 的 引用 ， 也 就 是 我 
们 想 移 除 的 元 素 。 需 要 做 的 就 是 改变 headq 的 引用 ， 将 其 从 current 改 为 下 一 个 元 素 
(current .next 一 一 行 {1} ), 但 我 们 还 需要 更 新 current .next 指 癌 上 一 个 元 素 的 指针 ( 因为 
第 一 个 元 系 的 prev 指 针 是 nul1 )。 因 此 ， 把 headq.prev 的 引用 改 为 nul1 ( 行 13} 一 一 因为 head 
也 指 回 列 表 中 新 的 第 一 个 元 系 ， 或 者 也 可 以 用 current .next .prev )。 由 于 还 需要 控制 fail 
的 引用 ， 我 们 可 以 检查 要 移 除 的 元 素 是 否 是 第 一 个 元 素 ， 如 条 是 ， 只 需要 把 tail1 也 设 为 nul1 
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[2 





下 图 勾画 了 从 双 回 链表 移 除 第 一 个 元 系 的 过 程 : 


i 











下 一 种 场景 是 从 最 后 一 个 位 置 移 除 元 素 。 既 然 已 经 有 了 对 最 后 一 个 元 素 的 引用 ( tail ), 我 
们 就 不 需要 为 找到 它 而 迭代 列表 。 这 样 我 们 也 就 可 以 把 kail 的 引用 赋 给 current 变 量 ( 行 14} )。 
接 下 来 ， 需 要 把 tail 的 引用 更 新 为 列表 中 倒数 第 二 个 元 素 〈current .prev， 或 者 Eail.prev 
也 可 以 ), 既然 tail 指 问 了 倒数 第 二 个 元 素 , 我 们 就 只 需要 把 next 指 针 更 新 为 nul1(tail.next 
= null )。 下 图 演示 了 这 一 行为 : 

















第 三 种 也 是 最 后 一 种 场景 : 从 列表 中 间 移 除 一 个 元 和 水。 首先 需要 从 代 列 表 ， 下 到 到 达 有 要 找 的 
位 置 ( 行 15} )。current 变 量 所 引用 的 就 是 要 移 除 的 元 系 。 那 么 要 移 除 它 ， 我 们 可 以 通过 更 新 
previous .next 和 current .next .prev 的 3| 用 ， 在 列表 中 跳 过 它 。 因 此 ， previous. next 将 
指 加 current .next， 而 current.next .prev 将 指 回 previous， 如 下 图 所 示 : 
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| 要 了 解 双 向 链表 的 其 他 方法 的 实现 , 请 参阅 本 书 源 代码 。 源 代码 的 下 载 链 接 
4 见 本 书 前 言 。 


5.3 循环 链表 


循环 链表 可 以 像 链表 一 样 只 有 单 问 引用 , 也 可 以 像 双 回 链表 一 样 有 双 四 引用。 循环 链表 和 链 
表 之 间 唯 一 的 区 别 在 于 ， 最 后 一 个 元 系 指 四 下 一 个 元 素 的 指针 《tail.next ) 不 是 引用 nul1， 
而 是 指 回 第 一 个 元 素 〈headq )， 如 下 图 所 示 。 




















head 一 各 item next item next item next 





双向 循环 链表 有 指 加 head 元 素 的 tail .next， 和 指 癌 tail 元 素 的 head .prev。 


node node node | 








head 一 了 | prev item next prev item next Prev item next 





我 们 并 不 打算 在 这 本 书 中 完整 地 介绍 circularLinkedList 算 法 ( 源 代码 
SS 与 LinkedList 和 DoublyLinkedList 非 常 类 似 ),， 不 过 ， 你 可 以 下 载 本 书 的 源 
代码 来 访问 这 部 分 代码 。 


5.4 ”小 结 


在 这 一 章 中 , 你 学 习 了 链表 这 种 数据 结构 ， 及 其 变 体 双 回 链 表 和 循环 链表 。 你 学 习 了 如 何在 
任意 位 置 梁 加 和 移 除 元 素 ， 以 及 如 何 循环 访问 链表 。 你 还 学 习 了 链表 相 比 数 组 最 重要 的 优点 , 那 
就 是 无 需 移 动 链表 中 的 元 素 ， 就 能 轻松 地 添加 和 移 除 元 素 。 因 此 ， 当 你 需要 添加 和 移 除 很 多 元 素 
时 ， 最 好 的 选择 束 是 链表 ， 而 非 数组 。 


在 下 一 章 中 ， 你 将 学 习 集 合 ， 这 是 我 们 要 在 本 书 中 介绍 的 最 后 一 种 顺序 数据 结构 。 






































迄今 为 止 ， 我 们 已 经 学 习 了 数组 《列表 ) 栈 、 队 列 和 链表 〈 及 其 变种 ) 等 顺序 数据 结构 。 
在 这 一 草 中 ， 我 们 要 学 习 集 合 这 种 数据 结构 。 


集合 是 由 一 组 无 序 且 唯 一 〈 即 不 能 重复 ) 的 项 组 成 的 。 这 个 数据 结构 使 用 了 与 有 限 集合 相同 
的 数学 概念 ， 但 应 用 在 计算 机 科学 的 数据 结构 中 。 


在 深入 学 习 集 合 的 计算 机 科学 实现 之 前 ,我 们 先 看 看 它 的 数学 概念 。 在 数学 中 ,集合 是 一 组 
不 同 的 对 象 ( 的 集 )。 


比如 说 ， 一 个 由 大 于 或 等 于 0 的 整数 组 成 的 目 然 数 集合 : N= {0, 1, 2, 3, 4, 5, 6,…}。 和 集合 中 
的 对 象 列表 用 “ff}”( 大 括号 ) 包围 。 


还 有 一 个 概念 叫 空 集 。 空 集 就 是 不 包含 任何 元 系 的 集合 。 比 如 24 和 29 之 间 的 系数 集合 。 由 于 
24 和 29 之 间 没 有 系数 (除了 1 和 目 身 ， 没 有 其 他 正 因数 的 大 于 1 的 日 然 数 )， 这 个 集合 就 是 空 集 。 
空 集 用 “{} ”表示 。 


你 也 可 以 把 集合 想象 成 一 个 既 没 有 重复 元 系 ， 也 没有 顺序 概念 的 数组 。 
在 数学 中 ， 集 合 也 有 并 集 、 交 集 、 差 集 等 基本 操作 。 在 这 一 章 中 我 们 也 会 介绍 这 些 操作 。 


























6.1 创建 一 个 集合 


目前 的 JavaScript 实 现 是 基于 2011 年 6 月 发 布 的 ECMAScript 5.1( 现代 浏览 器 均 已 支持 )， 它 包 
括 了 我 们 在 之 前 章节 已 经 提 到 过 的 Array 类 的 实现 。ECMAScript 6 ( 官方 名 称 ECMAScript 2015 ， 
2015 年 6 月 发 布 ) 包括 了 Set 类 的 实现 。 


你 可 以 在 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/ 
Global Objects/Set( 或 http://goo.g1/21i2a5 ) 看 到 ECMAScript 6 的 Set 类 的 实现 细节 。 








在 这 一 章 中 ， 我 们 要 实现 的 类 就 是 以 ECMAScript 6 中 set 类 的 实现 为 基础 的 。 
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以 下 是 我 们 的 set 类 的 骨架 : 





function Set() { 
var items = {}; 


} 
有 一 个 非常 重要 的 细节 ， 我 们 使 用 对 象 而 不 是 数组 来 表示 集合 〈items )。 但 也 可 以 用 数组 
实现 。 在 这 里 我 们 用 对 象 来 实现 ， 稍 徽 有 点 儿 不 一 样 ， 也 学 习 一 下 实现 相似 数据 结构 的 新 方法 。 
同时 ，JavaScript 的 对 和 象 不 允许 一 个 键 指向 两 个 不 同 的 属性 ， 也 保证 了 集合 里 的 元 系 部 是 唯一 的 。 


接 下 来 ,需要 声明 一 些 集合 可 用 的 方法 (我们 会 答 试 模拟 与 ECMAScript 6 实现 相同 的 Set 类 )。 


D add (value) : 回 集 合 添加 一 个 新 的 项 。 

口 remove (value) : 从 集合 移 除 一 个 值 。 

口 nas (value) : 如 果 值 在 集合 中 ,返回 true， 否 则 返回 false。 

口 clear () : 移 除 集合 中 的 所 有 项 。 

D size(): 返回 集合 所 包含 元 系 的 数量 。 与 数组 的 length 属 性 类 似 。 
D values(): 返回 一 个 包含 集合 中 所 有 值 的 数组 。 





























6.1.1 has(value) 方 法 





首先 要 实现 的 是 has (value) 方 法 。 这 是 因为 它 会 被 adada、remove 等 其 他 方法 调用 。 下 面 看 
看 它 的 实现 : 


this.has = function(value)t 
return value in items; 





上 


既然 我 们 使 用 对 象 来 存储 集合 的 值 ， 就 可 以 用 JavaScript 的 in 操 作 符 来 验证 给 定 的 值 是 否 是 
items 对 象 的 属性 。 


但 这 个 方法 还 有 更 好 的 实现 方式 ， 如 下 : 








this.has = function(value)t 
return items.hasOwnpPproperty (value).;} 
上 
所 有 JavaScript 对 象 都 有 hasownProperty 方 法 .这 个 方法 返回 一 个 表明 对 象 是 否 具 有 特定 属 
性 的 布尔 值 。 








6.1.2” add 方法 
接 下 来 要 实现 add 方 法 : 
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this.add = function(value)t 
if (!this.has (value))t 
items[lvalue] = value; //{1)} 


return true; 
} 
return false; 


} 。 


对 于 给 定 的 value， 可 以 检查 它 是 否 存在 于 集合 中 。 如 果 不 存在 ， 就 把 value 添 加 到 集合 中 
( 行 {1} )， 返回 true， 表示 添加 了 这 个 值 。 如 有 果 集 合 中 已 经 有 这 个 值 ， 就 返回 false， 表示 没 有 
添加 它 。 





| 添加 一 个 值 的 时 候 ,把 它 同时 作为 键 和 值 保存 ,因为 这 样 有 利于 查找 这 个 值 。 


6.1.3 ”remove 和 clear 方 法 


下 面 要 实现 remove 方 法 : 


this.remove = function(value)t 
if (this.has (value))t 
delete items[lvalue]; //{2} 


return true,; 
) 6 
return false; 
} 


在 *emove 方 法 中 ， 我 们 会 验证 给 定 的 value 是 否 存在 于 集合 中 。 如 果 存 在 ， 了 就 从 集合 中 移 
除 value ( 行 12} )， 返 回 Erue， 表 示 信 被 移 除 ; 否则 返回 false。 





既然 用 对 和 象 来 存储 集合 的 1 tems 对 象 gy 就 可 以 简单 地 使 用 del ete 操 作 符 从 i tems 对 和 象 中 移 除 
属性 ( 行 {2} )。 


使 用 set 类 的 示例 代码 如 下 : 


出 于 好 奇 , 如果 在 执行 以 上 代码 之 后 ,在 控制 台 ( console.1og ) 输 出 items 
变量 ， 谷 歌 Chrome 就 会 输出 如 下 内 容 : 


Object {1: 1, 2: 2} 





可 以 看 到 , 这 是 一 个 有 两 个 属性 的 对 象 。 属 性 名 就 是 添加 到 集合 的 值 ， 同 时 
它 也 是 属性 值 。 
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如 果 想 移 除 集合 中 的 所 有 值 ， 可 以 用 clear 方 法 : 


this.clear = function()t 

四 
要 重 置 items 对 象 ， 需要 做 的 只 是 把 一 个 空 对 象 重 新 赋值 给 它 ( 行 {3} )。 我 们 也 可 以 迭代 集 
合 ， 用 remove 方 法 依次 移 除 所 有 的 值 ， 但 既然 有 更 简单 的 方法 ， 那 样 做 就 太 厅 烦 了 。 








3 


6.1.4 ” size 方法 
下 一 个 要 实现 的 是 size 方 法 ( 返回 集合 中 有 和 多少 项 )。 这 个 方法 有 三 种 实现 方式 。 


第 一 种 方法 是 使 用 一 个 Ilength 变 量 ， 每 当 使 用 adaq 或 emove 方 法 时 控制 它 ， 就 像 在 上 一 章 
中 使 用 LinkedList 类 一 样 。 


第 二 种 方法 ， 使 用 JavaScript 内 建 的 object 类 的 一 个 内 建 图 数 (ECMAScript 5 以 上 版 本 ): 


this.size = function()t 
return Object.keys (items) .length; //1{4} 
}; 


JavaScript 的 Object 类 有 一 个 keys 方 法 , 它 返 回 一 个 包含 给 定 对 象 所 有 属性 的 数组 。 在 这 种 
情况 下 ， 可 以 使 用 这 个 数组 的 length 属 性 ( 行 14} ) 来 返回 items 对 象 的 属性 个 数 。 以 上 代码 只 
能 在 现代 浏览 需 中 运行 (比如 IE9 以 上 版 本 、Firefox 4 以 上 版 本 、Chrome 5 以 上 版 本 、Opera 12 以 
上 版 本 、Safari 5 以 上 版 本 ， 等 等 )。 


第 三 种 方法 是 手动 提取 items 对 和 象 的 每 一 个 属性 ,记录 属性 的 个 数 并 返回 这 个 数 子 。 这 个 方 
法 可 以 在 任何 浏览 带 上 运行 ， 和 之 前 的 代码 是 等 价 的 : 


this.sizeLegacy = function()t 
Var count = 0; 
for(var prop in items) { //{5} 
if(items.hasOwnProperty (prop)) //{6} 
++COUNt; //{7} 














} 
return count.; 


上 
遍历 items 对 象 的 所 有 属性 ( 行 {5} ), 检查 它们 是 否 是 对 象 自身 的 属性 ( 避免 重复 计数 
行 {6} )。 如 果 是 ， 就 递增 count 变 量 的 值 ( 行 17} )， 最 后 在 方法 结束 时 返回 这 个 数字 。 

















不 能 简单 地 使 用 for-in 语 名 遍历 items 对 象 的 属性 ,递增 count 变 量 的 值 。 
还 需要 使 用 has 方 法 (以 验证 items 对 象 具有 该 属性 )， 因 为 对 象 的 原型 包含 了 
额外 的 属性 (属性 既 有 继承 自 JavaScript 的 object 类 的 ， 也 有 属于 对 象 自 身 ， 未 

用 于 数据 结构 的 )。 
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6.1.5 values 万 法 
values 方 法 也 应 用 了 相同 的 逻辑 ， 提 取 items 对 象 的 所 有 属性 ， 以 数组 的 形式 返回 : 


this.values = function()t 
return Object.keys (items),;} 


> 


以 上 代码 只 能 在 现代 浏览 右 中 运行 。 既 然 在 本 书 中 我 们 使 用 的 测试 浏览 人 是 Chrome 和 
Firefox ， 代 码 就 能 工作 。 


如 果 想 让 代码 在 任何 浏览 带 中 痢 能 执行 ， 可 以 用 与 之 前 代码 等 价 的 下 面 这 段 代码 : 








this.valuesLegacy = function()t 
var keys = []; 
for(var key in items){ //{7} 
keys.push(key); //{8} 
} 
return keys; 


上 


调 历 items 对 象 的 所 有 属性 〈 行 17} )， 把 它们 添加 一 个 数组 中 ( 行 {8} )， 并 返回 这 个 数组 。 
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现在 数据 结构 已 经 完成 了 ， 看 看 如 何 使 用 它 吧 。 试 着 执行 一 些 命令 ,测试 我 们 的 Set 类: 


Var set = new Set(); 

set.add(1).; 

console.log(set.values()); // 输 出 ["1"] 
console.log(set.has(1)); // 输 出 true 
console.log(set.size()); // 输 出 1 

set .add(2); 

console.log(set.values()); // 输 出 ["1"， "2"] 
console.log(set.has(2)); //true 
console.log(set.size()); //2 


set .remove (1).; 
console.log(set.values()); // 输 出 ["2"] 





Set .remove (2) ; 
console.log(set.values()); / /输出 [ 


现在 我 们 有 了 一 个 和 ECMAScript 6 中 非常 类 似 的 set 类 实现 。 如 前 所 述 ， 也 可 以 用 数组 蔡 代 
对 象 ， 存 储 元 素 。 既 然 我 们 在 第 2 章 、 第 3 章 和 第 4 章 都 用 过 数组 ， 知 道 有 不 同方 式 实现 同样 的 东 
西 ， 这 也 不 错 。 














对 集合 可 以 进行 如 下 操作 。 

口 并 集 : 对 于 给 定 的 两 个 集合 ， 返 回 一 个 包含 两 个 集合 中 所 有 元 素 的 新 集合 。 

口 交集 : 对 于 给 定 的 两 个 集合 ， 返 回 一 个 包含 两 个 集合 中 共有 元 系 的 新 集合 。 

口 差 集 : 对 于 给 定 的 两 个 集合 ， 返 回 一 个 包含 所 有 存在 于 第 一 个 集合 且 不 存在 于 第 二 个 集 
合 的 元 系 的 新 集合 。 

口 子 集 : 验证 一 个 给 定 集合 是 否 是 发 一 集合 的 子 集 。 








? 


全 
口 

全 
口 











6.2.1 并 集 
并 集 的 数学 概念 ， 集 合 4 和 B 的 并 集 ， 表 示 为 4UB， 定 义 如 下 : 
AUB= {x|xEAVxEB} 


意思 是 x ( 元 系 ) 存在 于 4 中 ， 或 x 存在 于 8B 中 。 下 图 展示 了 并 集 操 作 : 











现在 来 实现 set 类 的 union 方 法 : 


this.union = function(otherSet)t 
var unionSet = new Set(); //{1} 
Var values = this.values(); //{2} 





for (var i=0; i<values.length; i++)f{ 
unionSet.add (values[1i]); 


} 


values = otherSet.values(); //{3} 
for (var i=0; i<values.length; i++)f{ 
unionSet.add (values[1i]):; 


} 


return unionSet; 
je 
首先 需要 创建 一 个 新 的 集合 ,代表 两 个 集合 的 并 集 ( 行 {1} )。 接 下 来 ,获取 第 一 个 集合 ( 当 
前 的 Set 类 实例 ) 所 有 的 值 (values )， 过 历 并 全 部 深 加 到 代表 并 集 的 集合 中 (〈 行 12) )。 然 后 对 
第 二 个 集合 做 同样 的 事 〈 行 13} )。 最 后 返回 结果 。 
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测试 一 下 上 面 的 代码 : 


Var setA = new Set(); 
setA.add(1).; 
setA.add(2); 
setA.add(3); 


Var setB = new Set(); 
setB.add(3); 
setB.add(4); 
setB.add(5);} 
setB.add(6); 


var unlonAB = setA.union (setB).; 
console.log (unionAB.values ()); 


辆 于 轨 [ 人 6wly 注 总 元 系 3 同 时 行 在 于 4 和 2B 中 ; 它 在 第 打 的 
集合 中 只 出 现 一 次 。 


6.2.2 ”交集 





交集 的 数学 概念 ， 集 合 4 和 8 的 交集 ， 表 示 为 4nB， 和 定义 如 下 : 
ANB= {x|xEANMNXEB!: 


意思 是 x (元素 ) 存在 于 4 中 ， 且 x 存在 于 8 中。 下 图 展示 了 交集 操作 : 














现在 来 实现 set 类 的 ijntersection 方 法 : 


this.intersection = function(otherSet)t 
var intersectionSet = new Set(); //{1} 
Var values = this.values(); 
for (var 1i=0; i<values.length; i++){ //{2} 
if (otherSet.has (values[1i1]))t //1{3} 
intersectionSet.add(values[1i1]); //{4} 


| 


return Intersect1ionSet : 
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intersection 方 法 需要 找到 当前 Set 实 例 中 , 所 有 也 存在 于 给 定 Set 实 例 中 的 元 素 。 首 先 创 
建 一 个 新 的 set 实例， 这 样 就 能 用 它 返 回 共 有 的 元 取 ( 行 {1} )。 接 下 来 ， 遍 历 当 前 Set 实 例 所 有 
的 值 ( 行 {2} )， 验 证 它们 是 否 也 存在 于 otherset 实 例 ( 行 {3} )。 可 以 用 这 一 章 前 面 实现 的 has 
方法 来 验证 元 素 是 否 存在 于 set 实例 中 。 然 后 ， 如 果 这 个 值 也 存在 于 另 一 个 Set 实例 中 ， 就 将 其 
添加 到 创建 的 jntersectionSet 变 量 中 ( 行 {4} )， 最 后 返回 它 。 


做 些 测试 : 


Var SetLA 





1 
setA.add(2).， 
setA.add(3).，; 


Var SetB = 
setB.add(2); 
setB.add(3); 
setB.add(4).; 


new Set ( ) ; 


Var intersectionAB = setA.intersection (setB).; 
console.log (intersectionAB.values ()); 


输出 为 ["2"， "3"] ， 因 为 2 和 3 同时 存在 于 两 个 集合 中 。 
6.2.3” 差 集 
差 集 的 数学 概念 ， 和 集合 4 和 B 的 差 集 ， 表 示 为 4-B， 定 义 如 下 : 


A-B={x|IxEAN 作 x¢B} 
意思 是 x (元 床 ) 存在 于 4 中 ， 且 x 不 存在 于 8 中。 下 图 展示 了 集合 4 和 B 的 差 集 操 作 .: 











现在 来 实现 set 类 的 difference 方 法 : 





this.difference = functionl(otherSet)t 
var differenceSet = new Set(); //{1} 
var values = this.values(); 


for (var i=0; i<values.length; i++){ //{2} 
if (!otherSet.has (values[i]))t{ //1{3} 
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differenceSet.add(values{[1i1]); //{4} 





} 





return differenceSet.; 


}; 


intersection 方 法 会 得 到 所 有 同时 存在 于 两 个 集合 中 的 值 。 而 aifference 方 法 会 得 到 所 
有 存在 于 集合 4 但 不 存在 于 8 的 值 。 因 此 这 两 个 方法 在 实现 上 唯一 的 区 别 就 是 行 13}。 只 获取 不 存 
在 于 otherSset 实 例 中 的 值 ， 而 不 是 也 存在 于 其 中 的 值 。 行 {1}、{2} 和 {4} 是 完全 相同 的 。 


( 用 跟 intersection 部 分 相同 的 集合 ) 做 些 测试 : 





Var setB = 
setB.add(2); 
setB.add(3); 
setB.add(4); 


new Set().; 


Var differenceAB = setA.difference(setB),;} 
console.log (differenceAB.values()); 


输出 为 ["1"]， 因 为 1 是 唯一 一 个 仅 存在 于 setA 的 元 素 。 6 








6.2.4 子 集 


我 们 要 介绍 的 最 后 一 个 集合 操作 是 子 集 。 子 集 的 数学 概念 ,集合 4 是 B 的 子 集 ( 或 集合 3 包含 
了 4 )， 表 示 为 4SB， 定 义 如 下 : 





Vx{xXEA—xXEB,} 
意思 是 集合 4 中 的 每 一 个 zx〈 元 素 )， 也 需要 存在 于 8 中。 下 图 展示 了 集合 4 是 集合 8 的 子 集 : 








现在 来 实现 set 类 的 subset 方 法 : 


this.subset = function(otherSet)t 
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If (this.size() > otherSet.size()){ //{1} 
return false; 
} else { 
Var values = this.values(); 
for (var i=0; i<values.length; i++){ //{2} 
if (!otherSet.has(values[1i])){ //{3} 
return false; //{4} 
} 
} 
return true; //{5} 
} 
} 。 


首先 需要 验证 的 是 当前 set 实例 的 大 小 。 如 末 当 前 实例 中 的 元 系 比 otherSset 实 例 更 多 ， 它 
就 不 是 一 个 子 集 ( 行 {1} ) 子 集 的 元 系 个 数 需 要 小 于 或 等 于 要 比较 的 集合 。 
接 下 来 要 遍历 集合 中 的 所 有 元 素 〈 行 12} )， 验 证 这 些 元 系 也 存在 于 otherset 中 ( 行 {3} )。 


如 果 有 任何 元 系 不 存在 于 otherSet 中 ， 就 意味 着 它 不 是 一 个 子 集 ， 返 回 false ( 行 14} )。 如 果 
所 有 元 素 都 存在 于 otherset 中 , 行 {4} 就 不 会 被 执行 ， 那 么 就 返回 true ( 行 {5} )。 
检验 一 下 上 面 的 代码 效果 如 何 : 
Var SeEtA 


setA.adqd(1) 
setA.adq(2) 




















new Set ( ) ; 


. 
元 
. 
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Var SetB = 
setB.add(1).; 
setB.add(2); 
setB.add(3); 


new Set ( ) ; 


Var SetcC = 
setC.add(2); 
setC.add(3); 
setC.add(4).; 


new Set().; 


console.log(setA.subset (SetB) ) ; 
console.log(setA.subset (SetC) ) ; 


我 们 有 三 个 集合 : setA 是 setB 的 子 集 ( 因此 输出 为 true ), 然而 setA 不 是 setc 的 子 集 ( setc 
只 包含 了 setA 中 的 2， 而 不 包含 1 )， 因 此 输出 为 false。 


6.3 ”小结 


在 这 一 草 中 ， 我 们 学 习 了 如 何 从 头 实现 一 个 与 ECMAScript 6 中 定义 的 类 似 的 set 类 。 我 们 还 
介绍 了 在 其 他 编程 声言 的 集合 数据 结构 的 实现 中 不 稼 见 的 一 些 方法 ， 比 如 并 集 、 交 集 、 差 集 和 于 
集 。 因 此 ， 相 比 于 其 他 编程 语言 目前 的 Set 实现 ， 我们 实现 了 一 个 非常 完备 的 Set 类 。 


在 下 一 革 中 ， 我 们 将 会 介绍 散 列 和 字典 这 两 种 非 序 列 性 的 数据 结构 。 


























在 上 一 章 中 , 我 们 学 习 了 集合 。 本 章 我 们 会 继续 学 习 使 用 字典 和 散 列 表 来 存储 唯一 值 ( 不 重 
复 的 值 ) 的 数据 结构 。 


集合 、 字 典 和 散 列 表 可 以 存储 不 重复 的 值 。 在 集合 中 ,我 们 感 兴趣 的 是 每 个 值 本 号 , 并 把 它 
当 作 主要 元 系 。 在 字典 中 , 我 们 用 [ 键 , 值 ] 的 形式 来 存储 数据 。 在 散 列 表 中 也 是 一 样 (也 是 以 [ 键 ， 
值 ] 对 的 形式 来 存储 数据 ) 但 是 两 种 数据 结构 的 实现 方式 略 有 不 同 ， 本 章 中 将 会 介绍 。 




















7.1 字典 








你 已 经 知 和 过， 集合 表示 一 组 互 不 相同 的 元 素 〈 不 重复 的 元 素 ) 在 字典 中 , 存储 的 是 [ 键 ， 值 ] 
对 ， 其 中 键 名 是 用 来 查询 特定 元 系 的 。 字 典 和 集合 很 相似 ， 集 合 以 [ 值 ， 值 ] 的 形式 存储 元 系 ， 字 
典 则 是 以 [ 键 ， 值 ] 的 形式 来 存储 元 系 。 字 和 典 也 称 作 映 射 。 


在 本 章 中 , 我们 会 介绍 几 个 在 现实 问题 上 使 用 字典 数据 结构 的 例子 : 一 个 实际 的 字典 ( 单词 
和 它们 的 释义 ) 以 及 一 个 地 址 短 。 

















7.1.1 创建 一 个 字典 
与 Set 类 相似 ，ECMAScript 6 同样 包含 了 一 个 Map 类 的 实现 ， 即 我 们 所 说 的 字典 。 


你 可 以 在 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/ 
Global Objects/Map (或 者 http://goo.gl/dm8VP6 ) 找到 ECMAScript 6 中 Map 类 实 
现 的 具体 细节 。 





我 们 在 本 革 中 将 要 实现 的 类 就 是 以 ECMAScript 6 中 Map 类 的 实现 为 基础 的 。 你 会 发 现 它 和 
Set 类 很 相似 (但 不 同 于 存储 [ 值 ， 值 ] 对 的 形式 ， 我 们 将 要 存储 的 是 [ 键 ， 值 ] 对 )。 


这 是 我 们 的 Dictionary 类 的 骨架 : 
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function Dictionary() { 
Var items = {}; 


} 
与 Set 类 类 似 ， 我 们 将 在 一 个 object 的 实例 而 不 是 数组 中 存储 元 素 。 
然后 ， 我 们 需要 声明 一 些 映 射 /字典 所 能 使 用 的 方法 。 


D set (key,value) : 同学 典 中 添加 新 元 素 。 

口 remove (key) : 通过 使 用 键 值 来 从 字典 中 移 除 键 值 对 应 的 数据 值 。 

口 nas (key) : 如 果 某 个 键 值 存 在 于 这 个 字典 中 ， 则 返回 true， 反 之 则 返回 false。 
D get (key) : 通过 键 值 查 找 特定 的 数值 并 返回 。 

D clear () : 将 这 个 字典 中 的 所 有 元 素 全 部 删除 。 

D size(): 返回 字典 所 包含 元 素 的 数量 。 与 数组 的 length 属 性 类 似 。 

口 keys () : 将 字典 所 包含 的 所 有 人 键 名 以 数组 形式 返回 。 

口 values () : 将 字典 所 包含 的 所 有 数值 以 数组 形式 返回 。 


1. has 和 set 方 法 


我 们 首先 来 实现 has (key ) 方 法 。 之 所 以 要 先 实现 这 个 方法 ， 是 因为 它 会 被 set 和 remove 等 
其 他 方法 调用 。 我 们 可 以 通过 如 下 代码 来 实现 : 
this.has = function(key) { 


return key in items; 


} 


这 个 方法 的 实现 和 我 们 之 前 在 Set 类 中 的 实现 是 一 样 的 。 我 们 使 用 JavaScript 中 的 in 操作 符 来 
验证 一 个 key 是 否 是 items 对 象 的 一 个 属性 。 


然后 是 set 方 法 的 实现 : 


this.set = function(key, value) { 
items[key] = value; //{1} 
| 


该 方法 接受 一 个 key 和 一 个 value 作 为 参数 ,我 们 直接 将 value 设 为 items 对 象 的 key 属 性 的 
值 。 它 可 以 用 来 给 字典 添加 一 个 新 的 值 ， 或 者 用 来 更 新 一 个 已 有 的 值 。 





2. remove 方 法 


接 下 来 ， 我 们 实现 remove 方 法 。 它 和 Set 类 中 的 remove 方 法 很 相似 ， 唯 一 的 不 同 点 在 于 我 
们 将 先 搜索 key ( 而 不 是 value ): 
this.remove = function(key) { 


if (this.has (key)) { 
delete items[keyl]; 





return true; 
} 
return false; 


) 
然后 我 们 可 以 使 用 JavaScript 的 remove 操 作 符 来 从 items 对 象 中 移 除 key 属 性 。 


3. get 和 values 方 法 


如 采 我 们 想 在 字典 中 查找 一 个 特定 的 项 ， 并 检索 它 的 值 ， 可 以 使 用 下 面 的 方法 : 





this.get = function(key) { 
return this.has(key) ? items[key] : undefined; 


上 
get 方 法 首先 会 验证 我 们 想 要 检索 的 值 是 否 存 在 (通过 查找 key 值 ), 如 果 存 在 , 将 返回 该 值 ， 
反之 将 返回 一 个 undefined 值 (请 记 住 undefined 值 和 nu11 值 是 不 一 样 的 , 第 1 童 中 提 到 过 这 个 
概念 )。 


下 一 个 是 values 方 法 。 这 个 方法 以 数组 的 形式 返回 字典 中 所 有 values 实 例 的 值 ; 














this.values = function() { 

var values = {}; 

for (var k in items) { //{1} 
if (this.has (k)) f{ 

values.push(items[k]); //1{2} 

} 

} 

return values; 


7 
首 完 ， 我们 遍历 items 对 和 象 的 所 有 属性 值 ( 行 {1} )。 为 了 确定 值 存在 ,我 们 使 用 has 涵 数 来 
验证 key 确 实 存在 ， 然 后 将 它 的 值 加 入 values 数 组 ( 行 {2} )。 最后， 我 们 就 能 返回 所 有 找到 
的 值 。 





我 们 不 能 仅仅 使 用 for-in 语 名 来 遍历 items 对 象 的 所 有 属性 ， 还 需要 使 用 
has 方 法 〈 验 证 items 对 象 是 否 包含 某 个 属性 )， 因 为 对 象 的 原型 也 会 包含 对 象 
的 其 他 属性 (JavaScript 基 本 的 Object 类 中 的 属性 将 会 被 继承 ， 并 存在 于 当前 对 
象 中 ， 而 对 于 这 个 数据 结构 来 说 ,我 们 并 不 需要 它们 )。 





4. clear、size、keys 和 getItems 方 法 
clear、size 和 keys 方 法 与 Set 类 中 是 完全 一 样 的 ， 因 此 我 们 就 不 在 本 章 讨论 了 。 
最 后 ， 我 们 来 验证 items 属 性 的 输出 值 。 我 们 可 以 实现 一 个 返回 items 变 量 的 方法 ， 叫 作 


getItems: 
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this.getIitems = function() { 
return items; 


} 


7.1.2 使 用 Dictionary 类 


首先 ， 我 们 来 创建 一 个 Dictionary 类 的 实例 ， 然 后 给 它 添加 三 条 电子 邮件 地 址 。 我 们 将 会 
使 用 这 个 dictionary 实 例 来 实现 一 个 电子 邮件 地 址 秒 。 


使 用 我 们 创建 的 类 来 执行 如 下 代码 : 


Var dictionary = new Dictionary();} 
dictionary.set('Gandalf', 'gandalf@email.com').; 
dictionary.set('John', 'johnsnow@email.com'); 
dictionary.set('Tyrion', 'tyrion@email.com'); 


如 果 执 行 了 如 下 代码 ， 输 出 结果 将 会 是 true: 
console.log(dictionary.has('Gandalf')); 

下 面 的 代码 将 会 输出 3， 因 为 我 们 向 字典 实例 中 添加 了 三 个 元 系 : 
console.log(dictionary.size()); 


现在 ,执行 下 面 的 几 行 代码 : 





console.log (dictionary.keys()); 
console.log(dictionary.values ()); 





console.log (dictionary .get ('Tyrion')); 
输出 结果 分 别 如 下 所 示 : 


["Gandalf", "John", "Tyrion"] 
["gandalf@email.com", "JohnsnowQ@email.com", "tyrion@email.com"l] 
tyrion@email .com 


最 后 ， 再 执行 几 行 代码 : 
dictionary.remove('John'); 

再 执行 下 面 的 代码 : 

console.10g (dictionary .keys ()); 


console.log (dictionary.values ()); 
Console.log(dictionary .getItems()); 


输出 结果 如 下 所 示 : 





["Gandalf", "Tyrion"] 
["gandalf@email.com", "tyrion@email.com"l] 
Object {Gandalf: "gandalf@email.com", Tyrion: "tyrion@Qemail .com"} 
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移 除 了 一 个 元 系 后 ,现在 的 aictionary 实 例 中 只 包含 两 个 元 系 了 。 加 粗 的 一 行 表现 了 items 
对 象 的 内 部 结构 。 





7.2” 散 列 表 


在 本 方 中 ， 你 将 会 学 到 HashTable 类 ,也 叫 HashMap 类 ， 是 Dictionary 类 的 一 种 散 列 表 实 
现 方式 。 


散 列 算法 的 作用 是 尽 可 能 快 地 在 数据 结构 中 找到 一 个 值 。 在 之 前 的 草 市 中 , 你 已 经 知道 如 采 
要 在 数据 结构 中 获得 一 个 值 ( 使 用 get 方 法 )， 需 要 遍历 整个 数据 结构 来 找到 它 。 如 果 使 用 散 列 
呐 数 ,就 知道 值 的 具体 位 置 ， 因 此 能 够 快速 检索 到 该 值 。 散 列 函 数 的 作用 是 给 定 一 个 键 值 ， 然 后 
返回 值 在 表 中 的 地 址 。 


举 个 例子 , 我 们 继续 使 用 在 前 一 节 中 使 用 的 电子 邮件 地 址 短 。 我 们 将 要 使 用 最 常见 的 散 列 加 
“lose lose” 散 列 浮 数 ， 方 法 是 简单 地 将 每 个 键 值 中 的 每 个 字母 的 ASCII 值 相 加 。 


























数 


名 称 / 键 


Gandalf 71+97+110+100+97+108+102 Ne 
1 1 Johnsnowemall.com 
John 74+111+104+110 | 


Tyrion 84+121+114+10S$S+111+110 人 | 
gandalf(Wemail.com 


tyrion(Wemail.com 





7.2.1 创建 一 个 散 列 表 
我 们 将 使 用 数组 来 表示 我 们 的 数据 结构 ， 该 数据 结构 和 上 个 话题 中 的 图 表 所 用 的 非常 相似 。 
和 之 前 一 样 ， 我 们 从 搭建 类 的 骨架 开始 : 


function HashTable() ({ 
var table = |[]; 











} 
然后 ， 给 类 添加 一 些 方法 。 我 们 给 每 个 类 实现 三 个 基础 的 方法 。 


口 put (key, value) : 问 散 列表 增加 一 个 新 的 项 ( 也 能 更 新 散 列 表 )。 
口 remove (key): 根据 键 值 从 散 列 表 中 移 除 值 。 
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口 get (key) : 返回 根据 键 值 检索 到 的 特定 的 值 。 


在 实现 这 三 个 方法 之 前 , 要 实现 的 第 一 个 方法 是 散 列 函数 , 它 是 ashTable 类 中 的 一 个 私有 
方法 : 


Var loseloseHashCode = function (key) { 
var hash = 0; //1{1)} 
for (var 1 = 0; 1 < key.length; i++) { //{2} 
hash += key.charCodeAt ( 工 ) ; //{3} 


ee bast S37 
} 
给 定 一 个 key 参 数 ,我 们 就 能 根据 组 成 key 的 每 个 字符 的 ASCII 码 值 的 和 得 到 一 个 数字 。 所 以 ， 
首先 需要 一 个 变量 来 存储 这 个 总 和 ( 行 {1} ) 然后 ， 罗 历 key(〈 行 12} ) 并 将 从 ASCII 表 中 查 到 
的 每 个 字符 对 应 的 ASCII 值 加 到 nash 变 量 中 ( 可 以 使 用 JavaScript 的 String 类 中 的 charCodeAt 
方法 一 一 行 {3} )。 最 后 ， 返 回 hash 值 。 为 了 得 到 比较 小 的 数值 ， 我 们 会 使 用 hash 值 和 一 个 任意 
数 做 除法 的 余数 (mod )。 











| 要 了 解 更 多 关于 ASCII 的 信息 ， 请 访问 http://www.asciitable.com/。 


现在 ， 有 本 散 列 隙 数 ， 我 们 就 可 以 实现 put 方 法 了 : 


this.put = function(key, value) { 
Var position = loseloseHashCode (key); //{5} 
console.log(position + ' - ' + key); //{6)} 
tablelposition] = value; //{7} 


}; 

首先 ， 根 据 给 定 的 key， 我 们 需要 根据 所 创建 的 散 列 函 数 计算 出 它 在 表 中 的 位 置 ( 行 {5} )。 
为 了 便于 展示 信息 ， 我 们 将 计算 出 的 位 置 输出 至 控制 人 台 ( 行 {6} )。 由 于 它 不 是 必需 的 ， 我 们 也 
可 以 将 这 行 代 码 移 除 。 然 后 要 做 的 ， 是 将 value 参 数 添加 到 用 散 列 函数 计算 出 的 对 应 的 位 置 上 。 
(11) 


从 HashTable 实 例 中 查找 一 个 值 也 很 简单 。 为 此 ， 将 会 实现 一 个 get 方 法 : 














this.get = function (key) { 
return table[loseloseHashCode (key)|]; 





} 。 


首先， 我 们 会 使 用 所 创建 的 散 列 函数 来 求 出 给 定 key 所 对 应 的 位 置 。 这 个 函数 会 返回 值 的 位 
置 ， 因 此 我 们 所 要 做 的 就 是 根据 这 个 位 置 从 数组 table 中 获得 这 个 值 。 


我 们 要 实现 的 最 后 一 个 方法 是 remove 方 法 : 
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this.remove = function(key) { 


table[loseloseHashCode(key)] = undefined; 
} 。 


要 从 HashTable 实 例 中 移 除 一 个 元 了 水 ， 只 需要 求 出 元 素 的 位 置 (可 以 使 用 散 列 晒 数 来 获取 ) 
并 赋值 为 undefined。 


对 于 HashTable 类 来 说 , 我 们 不 需要 像 ArrayList 类 一 样 从 table 数 组 中 将 位 置 也 移 除 。 由 
于 元 系 分 布 于 整个 数组 范围 内 ,， 一些 位 置 会 没有 任何 元 系 占 据 , 并 默认 为 unaqaefined 值 。 我 们 也 
不 能 将 位 置 本 身 从 数组 中 移 除 ( 这 会 改变 其 他 元 素 的 位 置 )， 和 否则， 当下 次 需要 获得 或 移 除 一 个 
元 素 的 时 候 ， 这 个 元 素 会 不 在 我 们 用 散 列 函数 求 出 的 位 置 上 。 

















7.2.2 使 用 HashTable 类 
让 我 们 执行 一 些 代 人 码 来 测试 HashTable 类 : 


Var hash = new HashTable(); 


hash.put('Gandalf', 'gandalf@email.com'); 
hash.put ('John', 'johnsnowQ@email.com').; 
hash.put('Tyrion', 'tyrion@email.com'),; 





执行 上 述 代 码 ， 会 在 控制 台中 获得 如 下 输出 : 


19 - Gandalf 
29 - John 
16 - Tyrion 








下 面 的 图 表 展 现 了 包含 这 三 个 元 素 的 HashTable 数 据 结构 : 





名 称 / 键 散 列 函数 散 列 表 





Gandalf A 
tyrion(Vemail.com 







Tr 29 x 


\ 
2 gandalftVemail.com 
Tyrion 
JohnsnowlVemail.com 


现在 来 测试 get 方 法 : 


console.log(hash.get ('Gandalf',)); 
console.log(hash.get('Loiane')); 
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获得 如 下 的 输出 : 


gandalf@email .com 
Undefined 


由 于 Gandalf 是 一 个 在 散 列 表 中 存在 的 键 , get 方法 将 会 返回 它 的 值 。 而 由 于 Loiane 是 一 个 
不 存在 的 键 ， 当 我 们 试图 在 数组 中 根据 位 置 获取 值 的 时 候 (一 个 由 散 列 函数 生成 的 位 置 )， 返回 
值 将 会 是 undefined ( 即 不 存在 )。 


然后 ， 我 们 试 试 从 散 列 表 中 移 除 Ganaalf: 








hash.remove('Gandalf').; 
console.log(hash.get ('Gandalf',)); 


由 于 Gandalf 不 再 存在 于 表 中 ，hash.get ('Gandalf') 方 法 将 会 在 控制 台 上 给 出 
undefined 的 输出 结果 。 


7.2.3” 获 列 表 和 散 列 集合 

散 列 表 和 散 列 映射 是 一 样 的 ， 我 们 已 经 在 本 章 中 介绍 了 这 种 数据 结构 。 

在 一 些 编程 语言 中 ， 还 有 一 种 叫 作 散 列 集合 的 实现 。 散 列 集合 由 一 个 集合 构成 ， 但 是 插入 、 
移 除 或 获取 元 素 时 ， 使 用 的 是 散 列 函数 。 我 们 可 以 重用 本 章 中 实现 的 所 有 代码 来 实现 散 列 集合 ， 
不 同 之 处 在 于 ,不 再 添加 键 值 对 ， 而 是 只 插入 值 而 没有 键 。 例 如 ， 可 以 使 用 散 列 集合 来 存储 所 有 
的 英语 单词 (不 包括 它们 的 定义 )、 和 集合 相似 ， 散 列 集合 只 存储 唯一 的 不 重复 的 值 。 

















7.2.4 ”处 理 散 列表 中 的 冲突 


有 时 候 , 一 些 键 会 有 相同 的 散 列 值 。 不 同 的 值 在 散 列 表 中 对 应 相同 位 置 的 时 候 , 我 们 称 其 为 
冲突 。 例 如 ， 我 们 看 看 下 面 的 代码 会 得 到 怎样 的 输出 结 





Var hash = new HashTablel().;: 











hash.put('Gandalf', 'gandalf@email.com'); 
hash.put('John', 'johnsnow@email.com');} 
hash.put('Tyrion', 'tyrion@email.com');} 
hash.put('Aaron', 'aaron@email.com').; 
hash.put('Donnie', 'donnie@email.com');} 
hash.put('Ana', 'ana@email.com');} 
hash.put('Jonathan', 'jJonathan@email.com').; 
hash.put('Jamie', 'jJamie@email.com').; 
hash.put('Sue', 'sue@email.com'); 
hash.put('Mindy', 'mindy@email.com').; 
hash.put('Paul', 'pPaul@email.com'); 
hash.put('Nathan', 'nathan@email.com');} 





输出 结果 如 下 : 
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19 - Gandalf 
29 - John 
16 - Tyrion 








16 - Aaron 
13 - Donnie 
13 - Ana 

5 - Jonathan 
5 - Jamie 

D - Sue 

32 - Mindy 
32 - Paul 


10 —- Nathan 


注意 ，Tvyrion 和 Aaron 有 相同 的 散 列 值 (16 )。Donnie 和 Ana 有 相同 的 散 列 值 ( 13 )， 
Jonathan、Jamie 和 Sue 有 相同 的 散 列 值 (5 阁 Mindy 和 Paul 也 有 相同 的 散 列 值 (32 


那 HashTable 实 例会 怎样 呢 ? 执行 之 前 的 代码 后 散 列 表 中 会 有 哪些 值 呢 ? 


为 了 获得 结果 ， 我 们 来 实现 一 个 叫 作 print 的 辅助 方法 ， 它 会 在 控制 台 上 输出 HashTable 
中 的 值 : 


this.print = function() f{ 
for (var 1 = 0; 1 < table.length; ++1i) { //{1} 
If (table[i] !== undefined) { //{2} 
console.log(i1 + ": "+ table[i]);//{3} 


} 
ly 
a: 
首先， 表 历 数组 中 的 所 有 元 素 〈 行 11} )。 当 某 个 位 置 上 有 值 的 时 候 ( 行 {2} )， 会 在 控制 台 
上 上 输出 位 置 和 对 应 的 值 ( 行 {3} )。 
现在 来 使 用 这 个 方法 : 
hash.print().; 


在 控制 全 上 得 到 如 下 的 输出 结果 : 


5: sueQemail.com 





10: nathan@email .com 
13: ana@email .com 

16: aaron@email.com 
19: gandalf@email.com 
29: johnsnowQ@email.com 
32: paul@email.com 


Jonathan、Jamie 和 sue 有 相同 的 散 列 值 ， 也 就 是 5。 由 于 sue 是 最 后 一 个 被 添加 的 ，Sue 
将 是 在 HashTable 实 例 中 占据 位 置 5 的 元 素 。 首 先 ，Jonathan 会 占据 这 个 位 置 ,， 然后 Jamie 会 黎 
产 它 ， 人 然后 Sue 会 再 次 禾 盖 。 这 对 于 其 他 发 生 冲 突 的 元 际 来 说 也 是 一 样 的 。 


使 用 一 个 数据 结构 来 保存 数据 的 目的 显然 不 是 去 丢失 这 些 数 据 , 而 是 通过 某 种 方法 将 它们 全 
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部 保存 起 来 。 因 此 ， 当 这 种 情况 发 生 的 时 候 丈 要 去 解决 它 。 人 处理 冲突 有 几 种 方法 : 分 离 链接 、 线 
性 探查 和 双 散 列 法 。 在 本 书 中 ， 我 们 会 介绍 前 两 种 方法 。 


1. 分 离 链接 


分 离 链 接 法 包括 为 散 列 表 的 每 一 个 位 置 创建 一 个 链表 并 将 元 系 存 储 在 里 面 。 它 是 解决 冲突 的 
最 简单 的 方法 ， 但 是 它 在 HashTapble 实 例 之 外 还 需要 额外 的 存储 空间 。 








例如 ， 我 们 在 之 前 的 测试 代码 中 使 用 分 离 链接 的 话 ， 输 出 结 采 将 会 是 这 样 : 

















[se 

[10] eo—»| Nathan | nathan@email.com > X 

i 

[13] eH Donnie | donnie(@email,com e| + Ana | anaitwemail.com le 4 








[| 


[16| Tyrion | tyrionemail.com Aaron | aaronG@emailcom| e 二 | 4 


[ 1 
“了 


LL: 

[19] a Gandalf | gandalftWemail.com 十 wx 
ews] 
[29] John | johnsnow(@email.com 网 


人 




















Lead 
[32] EE, Mindy | mindy(Wemail.com eo Paul | paul(Vemail.com [el»I)X| 
wee 








在 位 置 5 上 ， 将 会 有 包含 三 个 元 素 的 LinkedList 实 例 ; 在 位 置 13、16 和 32 上 ， 将 会 有 包含 
两 个 元 素 的 LinkedList 实 例 ; 在 位 置 10、19 和 29 上 , 将 会 有 包含 单个 元 素 的 LinkedList 实 例 。 

对 于 分 离 链 接 和 线性 探查 来 说 ， 只 需要 重 写 三 个 方法 : put 、get 和 remove。 这 三 个 方法 在 
每 种 技术 实现 中 都 是 不 同 的 。 

为 了 实现 一 个 使 用 了 分 离 链 接 的 HashTable 实 例 ,我 们 需要 一 个 新 的 辅助 类 来 表示 将 要 加 入 
LinkedList 实 例 的 元 素 。 我 们 管 它 叫 valuePair 类 (在 HashTable 类 内 部 定义 )， 

















var ValuePalr = function(key, value)t 
this.key = key; 
this.value = value; 





this.toString = function() { 
return '[' + this.key + ' —- ' + this.value + ']'; 
} 
3 


这 个 类 只 会 将 key 和 value 存 储 在 一 个 object 实 例 中 。 我 们 也 重 与 了 tostring 方 法 ， 以 便 
之 后 在 浏览 带 控 制 台 中 输出 结 





7.2 散 列 表 85 


(1) put 方 法 
我 们 来 实现 第 一 个 方法 ，put 方 法 ， 代 人 码 如 下 : 


this.put = function(key, value)t 
Var position = loseloseHashCode (Key ) ; 


If (tablelposition] == undefined) { //{1} 
table[lposition] = new LinkedList().; 


} 
table[lposition] .append(new ValuePair (key, value)); //{2} 


] 7 

在 这 个 方法 中 ， 将 验证 要 加 入 新 元 素 的 位 置 是 否 已 经 被 占据 〈 行 11} )。 如 果 这 个 位 置 是 第 
一 次 被 加 入 元 素 ， 我 们 会 在 这 个 位 置 上 初始 化 一 个 LinkedList 类 的 实例 〈 你 已 经 在 第 5$ 草 中 学 
习 过 )。 然 后 ， 使 用 第 $ 音 中 实现 的 append 方 法 加 LinkedqList 实 例 中 添加 一 个 valuePair 实 例 
( 键 和 值 ) ( 行 {2} )。 


(2) get 方 法 
然后 ， 我 们 实现 用 来 获取 特定 值 的 get 方 法 : 











this.get = function(key) { 
Var position = loseloseHashCode (Key) ; 


If (table[lposition] !== undefined){ //{3} 


/ /遍历 链表 来 寻找 键 / 值 
var current = tablelposition] .getHead(); //{4} 





while(current.next){ //{5)} 
if (current.element.key === key){ //1{6} 
return current .element .value; //{7} 








} 


current = current .next; //{8} 


} 


/ /检查 元 素 在 链表 第 一 个 或 最 后 一 个 节点 的 情况 
1If (current.element.key === key){ //1{9} 
return current.element .value; 








} 


} 
return undefined; //1{10)} 


/3 

我 们 要 做 的 第 一 个 验证 ， 是 确定 在 特定 的 位 置 上 是 否 有 元 素 存在 ( 行 {(3} )。 如 果 没 有 ， 则 
返回 一 个 undefined 表 示 在 HashTable 实 例 中 没有 找到 这 个 值 ( 行 {10} )。 如果 在 这 个 位 置 上 有 
值 存在 ， 我 们 知道 这 是 一 个 LinkedLi st 实例 。 现 在 要 做 的 是 遍历 这 个 链表 来 寻找 我 们 需要 的 元 
素 。 在 遍历 之 前 先 要 获取 链表 表 头 的 引用 ( 行 14} )， 然 后 就 可 以 从 链表 的 头 部 遍历 到 尾部 ( 行 


{5}, Current. next 将 会 是 null 站 
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Node 和 链表 包含 next 指 针 和 element 属 性 。 而 element 属 性 义 是 ValuePair 的 实例 ， 所 以 它 
又 有 value 和 kev 属 性 。 可 以 通过 current .element .next 来 获得 Node 链 表 的 key 属 性 ， 并 通过 
比较 它 来 确定 它 是 否 就 是 我 们 要 找 的 键 ( 行 {6} )。( 这 就 是 要 使 用 valuePair 这 个 辅助 类 来 存储 
元 条 的 原因 。 我 们 不 能 简单 地 存储 值 本 里， 这 样 就 不 能 确定 哪个 值 对 应 痢 特定 的 键 。) 如 采 key 
值 相同 ， 就 返回 Nogde 的 值 ( 行 {7} ); 如 果 不 相同 ,就 继续 遍历 链表 , 访问 下 一 个 方 点 ( 行 {8} )。 

















如 条 要 找 的 元 素 是 链表 的 第 一 个 或 最 后 一 个 太 点 , 那么 就 不 会 进入 while 循 环 的 内 部 。 因 此 ， 
需要 在 行 19} 处 理 这 种 特殊 的 情况 。 


(3) remove 方 法 


使 用 分 离 链 接 法 从 HashTable 实 例 中 移 除 一 个 元 素 和 之 前 在 本 章 实 现 的 remove 方 法 有 一 些 
不 同 。 现 在 使 用 的 是 链表 ， 我 们 需要 从 链表 中 移 除 一 个 元 素 。 来 看 看 remove 方 法 的 实现 : 

















this.remove = function(key)t 
var position = loseloseHashCode (key ) ; 


if (table[lposition] !== undefined)t 
Var current = tablelposition] .getHead();} 


while(current.next)t 
if (current.element.key === key){ //{11} 





tablelposition] .remove (current .element); //1{12} 
if (table[lposition] .isEmpty()){ //{13} 
tablelposition] = undefined; //1{14)} 





} 
return true; //{15} 
} 


Current = current .next.; 


} 


// 检查 是 否 为 第 一 个 或 最 后 一 个 元 素 
if (current.element.key === key){ //{16} 
tablelposition] .remove (current .element).; 
if (tablelposition] .isEmpty())t 
table[lposition] = undefined; 








} 


return true; 
} 


return false; //{17} 
在 remove 方 法 中 ,我 们 使 用 和 get 方 法 一 样 的 步 又 找到 要 找 的 元 素 。 裔 历 LinkedList 实 例 
时 ， 如 果 链 表 中 的 current 元 素 就 是 要 找 的 元 素 ( 行 {11} ),， 使 用 remove 方 法 将 其 从 链表 中 移 
除 。 然 后 进行 一 步 额 外 的 验证 ， 如果 链表 为 空 了 ( 行 {13} 一 一 链表 中 不 再 有 任何 元 邓 了 )， 就 将 
散 列 表 这 个 位 置 的 值 设 为 undefined ( 行 {14} ), 这 样 搜索 一 个 元 又 或 打印 它 的 内 容 的 时 候 ， 就 
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可 以 跳 过 这 个 位 置 了 。 最 后 ,返回 true 表 示 这 个 元 素 已 经 被 移 除 ( 行 115} ) 或 者 在 最 后 返回 false 
表示 这 个 元 系 在 散 列 表 中 不 存在 〈 行 117} )。 同 样 ， 需 要 和 get 方 法 一 样 ， 处 理 元 又 在 第 一 个 或 
最 后 一 个 的 情况 ( 行 {16} )。 

重 写 了 这 三 个 方法 后 ， 我 们 就 拥有 了 一 个 使 用 了 分 离 链 接 法 来 处 理 冲突 的 HashMap 实 例 。 

2. 线性 探查 

为 一 种 解决 冲突 的 方法 是 线性 探查 。 当 想 向 表 中 某 个 位 置 加 入 一 个 新 元 又 的 时 候 ， 如 果 索 引 


为 index 的 位 置 已 经 被 占据 了 ， 就 答 试 index+1 的 位 置 。 如 条 index+1 的 位 置 也 被 占据 了 ， 就 答 试 
index+2 的 位 置 ， 以 此 类 推 。 














(1) put 方 法 
让 我 们 继续 实现 需要 重 写 的 三 个 方法 。 第 一 个 是 put 方 法 : 


this.put = function(key, value)t 
Var position = loseloseHashCode (key); // {1} 
If (tablelposition] == undefined) { // {2} 
table[lposition] = new ValuePalr (key, value); // {3} 
} else { 
Var index = ++position; // {4} 
while (table[index] != undefined){ // {5} 


index++; // {6} 
} 
table[lindex|] = new ValuePair(key, value); // {7} 
} 
和 之 前 一 样 ， 先 获得 由 散 列 函数 生成 的 位 置 ( 行 {1} )， 然 后 验证 这 个 位 置 是 否 有 元 素 存 在 
( 如 果 这 个 位 置 被 占据 了 ， 将 会 通过 行 {2} 的 验证 )。 如 果 没 有 元 紊 存在， 就 在 这 个 位 置 加 入 新 元 
素 ( 行 {3} 一 一 一 个 ValuePair 的 实例 )。 


如 果 这 个 位 置 已 经 被 占据 了 ， 需 要 找到 下 一 个 没有 被 占据 的 位 置 ( position 的 值 是 
undefined )， 因 此 我 们 声明 一 个 inaqex 变 量 并 赋值 为 position+1( 行 14} 一 一 在 变量 名 前 使 用 
自 增 运 算 符 ++ 会 先 递增 变量 值 然 后 再 将 其 赋值 给 indaex )。 然 后 验证 这 个 位 置 是 否 被 占据 ( 行 
{5} )， 如 果 被 占据 了 ， 继 续 将 index 递 增 ( 行 {6} )， 直 到 找到 一 个 没有 被 占据 的 位 置 。 然 后 要 
做 的 ， 就 是 将 值 分 配 到 这 个 位 置 ( 行 {7} )。 























在 一 些 编程 语言 中 , 我 们 需要 定义 数组 的 大 小 。 如 果 使 用 线性 探查 的 话 ， 需 
要 注意 的 一 个 问题 是 数组 的 可 用 位 置 可 能 会 被 用 完 。 在 JavaScript 中 ， 我们 不 需 
要 担心 这 个 问题 ,因为 我 们 不 需要 定义 数组 的 大 小 , 它 可 以 根据 需要 自动 改变 大 
小 这 是 JavaScript 内 置 的 一 个 功能 。 
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如 果 再 次 执行 7.2.4 广 中 插入 数据 的 代码 ， 下 图 展示 使 用 了 线性 探查 的 散 列 表 的 最 终结 果 : 


Jonathan | jonathan(demail.com 
Jamie | jamie(Vemail.com 
Sue | sue(memail.com 


7 
ae 
Nathan | nathan(demail.com 
Donnie | donnie(?email.com 
~ 
ee 


Tyrion | tyrion(@emall.com 
Aaron | aaron(Wemail.com 


让 我 们 来 模拟 一 下 散 列 表 中 的 插入 操作 。 


() 试 着 搬入 Gandalf。 它 的 散 列 值 是 19， 巾 于 散 列 表 刚 刚 被 创建 ,位置 19 还 是 空 的 
在 这 里 插入 数据 。 


(2) 试 着 在 位 置 29 插 入 John。 它 也 是 空 的 ， 所 以 可 以 插入 这 个 姓名 。 
(3) 试 着 在 位 置 16 插 入 Tyrion。 它 是 空 的 ， 所 以 可 以 插入 这 个 姓名 。 


(4) 试 着 搬入 Aaron， 它 的 散 列 值 也 是 16。 位 置 16 已 经 被 Tyrion 占 据 了 ， 所 以 需要 检查 索引 值 
为 position+1 的 位 置 (16+1 )。 位 置 17 是 空 的 ， 所 以 可 以 在 位 置 17 搬 人 Aaron。 


(5) 接着 ， 试 着 在 位 置 13 插 入 Donnie。 它 是 空 的 ， 所 以 可 以 插入 这 个 姓名 。 


(6) 想 在 位 置 13 插 入 Ana， 但 是 这 个 位 置 被 占据 了 。 因 此 在 位 置 14 进 行 尝试 ， 它 是 空 的 ， 所 
以 可 以 在 这 里 插入 姓名 。 


(7) 然后 ， 在 位 置 $ 插 入 Jonathan， 这 个 位 置 是 空 的 ， 所 以 可 以 插入 这 个 姓名 。 
(8) 试 者 在 位 置 $ 插 入 Jamie, 但 是 这 个 位 置 被 占 了 。 所 以 跳 至 位 置 6， 这 个 位 置 是 空 的 ， 因 此 


Ana | anaemallcom 





可 以 
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可 以 在 这 个 位 置 插入 姓名 。 


(9) 试 着 在 位 置 $ 插 入 Sue， 但 是 位 置 被 占据 了 。 所 以 跳 至 位 置 6， 但 也 被 占 了 。 接 着 跳 至 位 置 
7， 这 里 是 空 的 ， 所 以 可 以 在 这 里 插入 姓名 。 


以 此 类 推 。 
(2) get 方 法 
现在 插入 了 所 有 的 元 系 ， 让 我 们 实现 get 方 法 来 获取 它们 的 值 吧 : 


this.get = function(key) { 





Var position = loseloseHashCode (key); 
if (table[lposition] !== undefined){ //{8} 
if (table[lposition|] .key === key) { //{9} 
return table[lposition] .value; //{10} 
} else { 
Var index = ++position; 
while (table[index|] === undefined 
|| table[index] .key !== key){ //{11} 
lindex++; 
} 
if (table[lindex|] .key === key) { //1{12)} 


return table[index] .value; //{13} 
} 
} 
} 
return undefined; //{14)} 
过 


要 获得 一 个 键 对 应 的 值 ， 先 要 确定 这 个 键 存在 ( 行 {8} )。 如 果 这 个 键 不 存在 ， 说 明 要 查找 攻 4 
的 值 不 在 散 列 表 中 ， 因 此 可 以 返回 undefined ( 行 {14} )。 如 果 这 个 键 存在 ,需要 检查 我 们 要 找 
的 值 是 否 就 是 这 个 位 置 上 的 值 ( 行 {9} )。 如 果 是 ， 就 返回 这 个 值 ( 行 {10} )。 

如 果 不 是 , 就 在 散 列 表 中 的 下 一 个 位 置 继续 查找 ， 直 到 找到 一 个 键 值 与 我 们 要 找 的 键 值 相同 
的 元 素 〈 行 111} )。 然 后 ， 验 证 一 下 当前 项 就 是 我 们 要 找 的 项 ( 行 {12} 只 是 为 了 确认 一 下 ) 
并 且 将 它 的 值 返回 〈 行 113} )。 

我 们 无 法 确定 要 找 的 元 素 实 际 上 在 哪个 位 置 ， 这 就 是 使 用 valuePair 来 表示 HashTable 元 
素 的 原因 。 

(3) remove 方 法 


remove 方 法 和 get 方 法 基本 相同 , 不 同 之 处 在 于 行 {10} 和 {13}, 它们 将 会 由 下 面 的 代码 代 蔡 : 

tablelindexl) = urdefrned: 

要 移 除 一 个 元 素 , 只 需要 给 其 赋值 为 unqefined, 来 表示 这 个 位 置 不 再 被 占据 并 且 可 以 在 必 
要 时 接受 一 个 新 元 系 。 
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7.2.5 ”创建 更 好 的 散 列 遂 数 

我 们 实现 的 “lose lose” 散 列 函 数 并 不 是 一 个 表现 民 好 的 散 列 函数 ， 因 为 它 会 产生 太 多 的 冲 
突 。 如 果 我 们 使 用 这 个 孔 数 的 话 , 会 产生 各 种 各 样 的 冲突 。 一 个 表现 良好 的 散 列 函数 是 由 几 个 方 
面 构成 的 : 插入 和 检索 元 系 的 时 间 ( 即 性 能 )， 当 然 也 包括 较 低 的 冲突 可 能 性 。 我 们 可 以 在 网 上 
找到 一 些 不 同 的 实现 方法 ,或 者 也 可 以 实现 上 自己 的 散 列 函数 。 


男 一 个 可 以 实现 的 比 “lose lose” 更 好 的 散 列 函数 是 djb2: 








var djb2HashCode = function (key) { 

Var hash = 5381; //1{1} 

for (var 1 = 0; 1 < key.length; i++) { //{2} 

hash = hash * 33 + key.charCodeAt (i); //{3} 

} 

return hash $$ 1013; //{4} 
es 
它 包括 初始 化 一 个 hash 变 量 并 赋值 为 一 个 质数 ( 行 {1} 一 一 大 多 数 实现 都 使 用 5381 )， 然 后 
迭代 参数 key( 行 {2} ), 将 hash 与 33 相 乘 ( 用 来 当 作 一 个 麻 力 数 ), 并 和 当前 迷 代 到 的 字符 的 ASCII 
人 码 值 相 加 ( 行 {3} )。 


最 后 , 我 们 将 使 用 相 加 的 和 与 男 一 个 随机 质数 ( 比 我 们 认为 的 散 列 表 的 大 小 要 大 一 一 在 本 例 
中 ， 我 们 认为 散 列 表 的 大 小 为 1000 ) 相 除 的 余数 。 


如 果 再 次 执行 7.2.4 节 中 搬入 数据 的 代码 ， 这 将 是 使 用 ajp2Hashcodae 人 代替 1oseloseHash 
code 的 最 终结 果 : 


798 - Gandalf 








838 - John 
624 - Tyrion 
215 - Aaron 
278 - Donnie 
925 - Ana 
288 - Jonathan 
962 - Jamie 
502 - Sue 
804 - Mindy 
54 - Paul 
223 - Nathan 
没有 冲突 ! 





这 并 不 是 最 好 的 敌 列 函数 ,但 这 是 最 被 社区 推荐 的 散 列 孙 数 之 一 。 





> 也 有 一 些 为 数字 键 值 准备 的 散 列 函数 ， 你 可 以 在 http://goo.gl/VtdN2x 找 到 一 
忆 系列 的 实现 。 
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7.3 小结 





在 本 章 中 , 我们 学 习 了 字典 的 相关 知识 ， 了 解 了 如 何 添 加 、 移 除 和 获 取 元 素 以 及 其 他 的 一 些 
方法 。 我 们 还 了 解 了 字典 和 集合 的 不 同 之 处 。 

我 们 也 学 习 了 散 列 运算 ， 怎 样 创建 一 个 散 列 表 〈 或 者 说 散 列 映射 ) 数据 结构 ， 如 何 添加 、 移 
除 和 获取 元 素 , 以 及 如 何 创建 散 列 函数 。 我 们 学 习 了 怎样 使 用 两 种 不 同 的 方法 解决 散 列 表 中 的 冲 


突 问题 。 


在 下 一 草 中 ， 我 们 将 学 习 一 种 新 的 数据 结构 





树 。 











伍 





到 目前 为 止 , 本 书 介 绍 了 一 些 顺 序数 据 结构 , 介绍 的 第 一 个 非 顺 序数 据 结 构 是 散 列 表 。 在 本 
草 ， 我 们 将 要 学 习 另 一 种 非 顺序 数据 结构 一 一 树 ， 它 对 于 存储 需要 快速 查找 的 数据 非常 有 用 。 

树 是 一 种 分 层 数 据 的 抽象 模型 。 现实 生活 中 最 常见 的 树 的 例子 是 家 谱 , 或 是 公司 的 组 织 架构 
图 ， 如 下 图 所 示 : 





2 


销售 副 总 裁 
Walter 是 


经 理 经 理 经 理 
经 理 经 理 经 理 


经 理 
Arya 





8.1 树 的 相关 术语 


一 个 树 结 构 包 含 一 系列 存在 父子 关系 的 广 点 。 每 个 太 扣 部 有 一 个 父 太 点 (除了 项 部 的 第 一 个 
节点 ) 以 及 零 个 或 多 个 陡 把 : 
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位 于 树 顶 部 的 节点 叫 作 根 节 点 (11 )。 它 没有 父 节 点 。 树 中 的 每 个 元 素 都 叫 作 节点 ， 节 点 分 
为 内 部 节点 和 外 部 节点 。 至 少 有 一 个 子 节 点 的 节点 称 为 内 部 节点 (7、5、9、15、13 和 20 是 内 部 
节点 )。 没 有 子 元 素 的 和 点 称 为 外 部 点 或 叶 布 点 (3、6、8、10、12、14、18 和 25 是 叶 节 点 )。 


一 个 节点 可 以 有 祖先 和 后 代 。 一 个 节点 (除了 根 节点 ) 的 祖先 包括 父 节 点 、 祖 父 节 点 、 曾 祖 
父 节 点 等 。 一 个 节点 的 后 代 包 括 子 节点 、 孙 子 节点 、 曾 孙 贡 点 等 。 例 如 ， 节 点 $ 的 祖先 有 节点 7 
和 节点 11， 后 代 有 节点 3 和 节点 6。 

有 关 树 的 男 一 个 术语 是 子 树 。 子 树 由 节点 和 它 的 后 代 构 成 。 例 如 ， 节 点 13、12 和 14 构 成 了 上 
图 中 树 的 一 棵 子 树 。 

节点 的 一 个 属性 是 深度 ， 节 点 的 深度 取 雇 于 它 的 祖先 节点 的 数量 。 比 如 ， 节 点 3 有 3 个 祖先 节 
点 (5、7 和 11 )， 它 的 深度 为 3。 

树 的 高 度 取 决 于 所 有 市 点 深度 的 最 大 值 。 一 棵 树 也 可 以 被 分 解 成 层级 。 根 市 点 在 第 0 层 ， 它 
的 子 市 点 在 第 1] 层 ， 以 此 类 推 。 上 图 中 的 树 的 高 度 为 3( 最 大 高 度 已 在 图 中 表示 一 一 第 3 层 )。 

现在 我 们 知道 了 与 树 相 关 的 一 些 最 重要 的 概念 ， 下 面 来 学 习 更 多 有 关 树 的 知识 。 









































8.2 二叉树 和 二 义 搜索 树 


二 义 树 中 的 市 点 最 多 只 能 有 两 个 于 市 入 : 一 个 是 左 侧 子 市 点 ,为 一 个 是 右 侧 子 证 点。 这 些 定 
义 有 助 于 我 们 写 出 更 高 效 的 问 /从 树 中 搬入、 查找 和 删除 市 点 的 算法 。 二 叉 树 在 计算 机 科学 中 的 
应 用 非常 广泛。 

二 义 搜索 树 ( BST ) 是 二 又 树 的 一 种 , 但 是 它 只 允许 你 在 左 侧 市 后 和 存储 ( 比 父 市 点 ) 小 的 值 ， 
在 右 侧 节点 存储 ( 比 父 市 点 ) 大 (或 者 等 于 ) 的 值 。 上 一 市 的 图 中 就 展现 了 一 棵 二 叉 搜 索 树 。 


二 义 搜 索 树 将 是 我 们 在 本 童 中 要 研究 的 数据 结构 。 
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8.2.1 创建 BinarySearchTree 类 


让 我 们 开始 创建 自己 的 BinarySearchTree 类 。 首 先 ， 声 明 它 的 结构 : 


function BinarySearchTree() { 











Var Node = function(key){ //{1} 
this.key = key; 

this.left = null; 

ENTS,. tight SS Tu 








Var root = null; //{2)} 





下 图 展现 了 二 又 搜索 例 数据 结构 的 组 织 方式 : 





市 所 刍 


左 侧 地 侧 子 
le|'|e@ ln 


:站 3 [A 


lel;lellel, le lel:lelle |e 


null null null null null null null null 











和 链表 一 样 ， 将 通过 指针 来 表示 市 扣 之 加 的 天 系 ( 术语 称 其 为 边 )。 在 双 癌 链表 中 ， 每 个 市 
点 包 含 两 个 指针 ,一 个 指向 下 一 个 节点 ,为 一 个 指 癌 上 一 个 三 点。 对 于 树 , 使 用 同样 的 方式 (也 
使 用 两 个 指针 ),。 但 是 ,一 个 指向 左 侧 子 节 操 ， 男 一 个 指 问 右 侧 子 市 点 。 因 此 ， 将 声明 一 个 Node 
类 来 表示 树 中 的 每 个 证 点 ( 行 {1} )。 值得 注意 的 一 个 小 细 世 是 ， 不 同 于 在 之 前 的 章节 中 将 点 
本 号 称 作 市 点 或 项 ， 我 们 将 会 称 其 为 键 。 键 是 树 相 关 的 术语 中 对 市 操 的 称呼 。 


我 们 将 会 休 循 和 LinkedLi st 类 中 相同 的 模式 (第 5 草 )， 这 表示 也 将 声明 一 个 变量 以 控制 此 
数据 结构 的 第 一 个 蔬 点 。 在 例 中 ， 它 不 再 是 头 节 点 ， 而 是 根 元 条 《〈 行 12) )。 
然后 ， 我 们 需要 实现 一 些 方法 。 下 面 是 将 要 在 树 类 中 实现 的 方法 。 


口 insert (key): 回 树 中 插入 一 个 新 的 键 。 

UD search (Key ) ， 在 树 中 查找 -个 键 ， 如 果 刷 7 点 存在 ， 则 返 加 true; 如 果 不 存 在 ， 则 返 
falseo 

口 inorderTraverse: 通过 中 序 裔 历 方式 裔 历 所 有 市 点 

口 preOrderTraverse: 通过 先 序 遍 历 方 式 遍 历 所 有 市 点 
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口 postorderTraverse: 通过 后 序 裔 历 方 式 遍 历 所 有 市 点 。 
D min: 返回 树 中 最 小 的 值 / 键 。 

口 max: 返回 树 中 最 大 的 值 / 键 。 

口 remove (key) : 从 树 中 移 除 某 个 键 。 


我 们 将 在 后 面 的 小 节 中 实现 每 个 方法 。 





8.2.2 ”和 回 树 中 搬入 一 个 键 


本 章 要 实现 的 方法 会 比 前 儿童 实现 的 方法 稍微 复杂 一 些 。 我 们 将 会 在 方法 中 使 用 很 多 递归 。 
如 果 你 对 递归 还 不 刚 悉 的 话 ， 请 先 参考 11.1 市 。 


下 面 的 代码 是 用 来 向 树 插入 一 个 新 键 的 算法 的 第 一 部 分 : 

















this.insert = function(key)t 
Var newNode = new Node (key); //1{1)} 
if (root === null){ //{2)} 
root = newNode; 
} else { 
insertNode (root,newNode); //{3} 


} 
} ， 


要 疝 树 中 插入 一 个 新 的 市 态 (或 项 )， 要 经 历 三 个 步骤 。 

第 一 步 是 创建 用 来 表示 新 节点 的 Node 类 实例 〈 行 11} )。 只 需要 向 构造 疯 数 传递 我 们 想 用 来 
插入 树 的 市 点 值 ， 它 的 左 指针 和 右 指 针 的 值 会 由 构造 水 数 目 动 设置 为 nu11。 

第 二 步 要 验证 这 个 搬 人 操作 是 否 为 一 种 特 丈 情况。 这 个 特殊 情况 就 是 我 们 要 捅 人 的 节点 是 树 
的 第 一 个 点 〈 行 12} )。 如 果 是 ,就 将 根 节 点 指向 新 市 太 。 

第 三 步 是 将 市 点 加 在 非 根 市 点 的 其 他 位 置 。 这 种 情况 下 ,需要 一 个 私有 的 辅助 函数 ( 行 {3} )， 
国 数 定义 如 下 : 
































var insertNode = function(node, newNode)t 
1if (newNode.key < node.key){ //{4} 
if (node.left === null)t //{5} 
node.left = newNode; //{6} 
} else { 


insertNode (node.left, newNode); //{7)} 
} 


} else { 
if (node.right === null){ //{8} 
node.right = newNode; //{9} 
} else { 


insertNode (node.right, newNode); //{10} 
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} 
} 
ps 





insertNode 限 数 会 帮助 我 们 找到 新 太 扣 应 该 插入 的 正确 人 位置。 下面 是 这 个 消 数 实现 的 步 又 。 


口 如 采 树 非 空 ， 需 要 找到 插 人 新 节点 的 位 置 。 因 此 , 在 调用 insertNode 方 法 时 要 通过 参数 
传人 树 的 根 市 点 和 要 插入 的 节点 。 

口 如 来 新 市 点 的 键 小 于 当前 市 点 的 键 ( 现在 ， 当 前 市 点 就 是 根 市 点 ) ( 行 {4} ) 那么 需要 检 
碍 当前 节 氮 的 左 侧 于 节点。 如 采 它 没有 左 侧 子 节点 〈《 行 15} )， 就 在 那里 插入 新 的 广 抬 。 
如 果 有 左 侧 子 节点 , 需要 通过 递归 调用 insertNode 方 法 ( 行 {7} ) 继续 找到 树 的 下 一 层 。 
在 这 里 ， 下 次 将 要 比较 的 市 点 将 会 是 当前 市 扣 的 左 侧 子 市 扩 。 

口 如 来 市 扣 的 键 比 当前 市 点 的 键 大 ， 同 时 当前 市 点 没有 右 侧 子 市 态 ( 行 {8} )， 束 在 那里 插 
入 新 的 市 点 ( 行 {9} )。 如 东 有 右 侧 子 下 点， 同样 需要 递归 调用 insertNode 方 法 , 但 是 要 
用 来 和 新 节点 比较 的 节点 将 会 是 右 侧 子 节 点 。 



































让 我 们 通过 一 个 例子 来 更 好 地 理解 这 个 过 程 。 
考虑 下 面 的 情景 : 我 们 有 一 个 新 的 树 ， 并 且 想 要 回 它 搬入 第 一 个 值 。 


Var tree = new BinarySearchTree(); 
tree.insert (11).; 


这 种 情况 下 ， 树 中 有 一 个 单独 的 节点 ， 根 指针 将 会 指向 它 。 源 代码 的 行 {2} 将 会 执行 。 
现在 ， 来 考虑 下 图 所 示 树 结构 的 情况 : 


i 
x 
5 5 8 从 ON 
0 
© OOOOOOO 


创建 上 图 所 示 的 树 的 代码 如 下 , 它们 接着 上 面 一 段 代码 (插入 了 键 为 11 的 广 扣 ) 之 后 输入 执行 : 














tree.insert 
tree.insert 





( 
( 
tree.insert( 
tree.insert( 
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tree.insert (9) ; 

tree.insert (8) ; 

tree.insert (10) ; 
tree.insert (13) ; 
tree.insert (12) ; 
tree.insert (14) ; 
tree.insert (20) ; 
tree.insert (18) ; 
tree.insert (25);} 








同时 我 们 想 要 插入 一 个 值 为 6 的 键 ， 执 行 下 面 的 代码 : 

tree.insert (6); 

下 面 的 步骤 将 会 被 执行 。 

(1) 树 不 是 空 的 ， 行 {3} 的 代码 将 会 执行 。insertNode 方 法 将 会 被 调用 (root ，key[6] )。 


(2) 算法 将 会 检测 行 {4} ( key[6] < root [11] 为 真 )， 并 继续 检测 行 {5} (node.1left[7] 
不 是 null1 )， 然 后 将 到 达 行 {7} 并 调用 insertNode (node.left[7], key[6] )。 





(3) 将 再 次 进入 insertNode 方 法 内 部 , 但 是 使 用 了 不 同 的 参数 , 它 会 再 次 检测 行 {4}( key [6] 
< node[7] 为 下 )， 然 后 再 检测 行 {5} (node.left[5] 不 是 null )， 接 着 到达 行 {7}， 调 用 
insertNode (node., Lett15], Kerrle6] 六 


(4) 将 再 一 次 进入 insertNode 方 法 内 部 。 它 会 再 次 检测 行 {4} ( key[6] < node[5] 为 假 )， 
然后 到 达 行 {8} (node.right 是 nul11 一 一 市 点 5 没有 任何 右 侧 的 子 节 点 ), 然后 将 会 执行 行 {9}， 
在 节点 5 的 右 侧 子 节 点 位 置 插入 键 6。 


(5) 然后 ,方法 调用 会 依次 出 栈 ， 代 码 执行 过 程 结 
这 是 插入 键 6 后 的 结果: 


好 
4 
了 
} 
\ 
\ 
\ 
\ 
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8.3 树 的 喜 历 


遍历 一 棵 树 是 指 访问 树 的 每 个 节点 并 对 它们 进行 茶 种 操作 的 过 程 。 但 是 我 们 应 该 怎么 去 做 
呢 ? 应 该 从 树 的 顶端 还 是 底 端 开始 呢 ?” 从 左 开 始 还 是 从 右 开 始 呢 ?访问 树 的 所 有 市 点 有 三 种 方 
式 : 中 序 、 先 序 和 后 序 。 


在 后 面 的 小 站 中 ， 我 们 将 会 深入 了 解 这 三 种 过 有 历 方式 的 用 法 和 实现 。 














8.3.1 中 序 遍 历 


中 序 壳 历 是 一 种 以 上 行 顺 序 访问 BST 所 有 节点 的 过 有 历 方式 , 也 就 是 以 从 最 小 到 最 大 的 顺序 访 
问 所 有 届 点 。 中 序 吉 历 的 一 种 应 用 就 是 对 树 进行 排序 操作 。 我 们 来 看 它 的 实现 : 


this.inOrderTraverse = function(callback)t 











inOrderTraverseNode (root, callback); //{1)} 





3 


inorderTraverse 方 法 接收 一 个 回调 消 数 作为 参数 。 回 调 孔 数 用 来 定义 我 们 对 损 历 到 的 每 
个 节点 进行 的 操作 〈 这 也 叫 作 访问 者 模式 ， 要 了 解 更 多 关于 访问 者 模式 的 信息 ， 请 参考 http:/en. 
wikipedia.org/wiki/Visitor_pattern )。 由 于 我 们 在 BST 中 最 党 实现 的 算法 是 递归 ， 这 里 使 用 了 一 个 
私有 的 辅助 函数 ， 来 接收 一 个 节点 和 对 应 的 回调 函数 作为 参数 ( 行 {1} )。 




















var inOrderTraverseNode = function (node, callback) { 
if (node !== null) { //{2} 
inOrderTraverseNode (node.left, callback); //{3} 
callback (node.key); //{4} 
inOrderTraverseNode (node.right, callback); //{5} 








上 


要 通过 中 序 壳 历 的 方法 遍历 一 棵 树 ， 首 移 要 检查 以 参数 形式 传人 的 节点 是 否 为 nul1 ( 这 就 
是 集 止 递归 继续 执行 的 判断 条 件 一 一 行 {2} 一 一 递归 算法 的 基本 条 件 )。 


然后 ， 北 归 调用 相同 的 函数 来 访问 左 侧 子 市 点 ( 行 {3} )。 接 看 对 这 个 节点 进行 一 些 操作 
(callback )， 然 后 再 访问 右 侧 子 市 态 ( 行 {5} )。 


我 们 试看 在 之 前 展示 的 树 上 执行 下 面 的 方法 : 














function printNode(value){ //{6} 
console.log(value); 
} 


tree.inOrderTraverse (printNode); //{7} 


但 首先 ， 需 要 创建 一 个 回调 函数 ( 行 {6} )。 我 们 要 做 的 ， 是 在 浏览 大 的 控制 台 上 输出 节点 
的 值 。 然 后 ， 调 用 inorderTraverse 方 法 并 将 回调 函数 作为 参数 传 入 ( 行 {7} )。 当 执行 上 面 的 
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代码 后 ， 下 面 的 结 灯 将 会 在 控制 人 台 上 输出 ( 每 个 数字 将 会 输出 在 不 同 的 行 ): 


O07 9 LO dd 2 3 L415. .18 :20 25 





下 面 的 图 描绘 了 inorderTraverse 方 法 的 访问 路 径 : 





8.3.2” 先 序 人 遍历 


和 完 序 届 历 是 以 优先 于 后 代 市 点 的 顺序 访问 每 个 市 点 的 。 和 完 序 吉 历 的 一 种 应 用 是 打印 一 个 结构 
化 的 文档 。 


我 们 来 看 实现 : 





this.preOrderTraverse = function(callback)t 
preOrderTraverseNode (root, callback); 





上} 


preOrderTraverseNode 方 法 的 实现 如 下 : 








Var preOrderTraverseNode = function (node, callback) { 
if (node !== null) { 
callback (node.key); //{1)} 
preOrderTraverseNode (node.left, callback); //{2} 
preOrderTraverseNode (node.right, callback); //{3} 











号 


先 序 遍 历 和 中 序 裔 历 的 不 同 点 是 ， 先 序 裔 历 会 先 访 问 市 点 本 和 刁 ( 行 {1} )， 然 后 再 访问 它 的 
左 侧 子 节 点 ( 行 {2} ), 最 后 是 右 侧 子 方 点 ( 行 {3} ), 而 中 序 人 过 历 的 执行 顺序 是 : {2}、{1} 和 {3}。 


下 面 古 控制 全 上 的 输出 结 灯 (每 个 数 子 将 会 输出 在 不 同 的 行 ): 








11 7 5369810 15 13 12 14 20 18 25 
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下 面 的 图 描绘 了 preoraerTraverse 方 法 的 访问 路 径 : 


8.3.3 ”后 序 遍 历 


后 序 避 历 则 是 先 访问 市 点 的 后 代 市 点 , 再 访问 节点 本 身 。 后 序 过 有 历 的 一 种 应 用 是 计算 一 个 目 
录 和 它 的 子 目 录 中 所 有 文件 所 占 空间 的 大 小 。 


我 们 来 看 它 的 实现 : 


this.postOrderTraverse = function(callback)t 
PostOrderTraverseNode (root, callback); 





es 
































上 


postOrderTraverseNode 方 法 的 实现 如 下 : 

















Var postOrderTraverseNode = function (node, callback) { 
if (node !== null) { 
PostOrderTraverseNode (node.left, callback); //{1} 
postOrderTraverseNode (node.right, callback); //{2} 
callback (node.key); 7 A 


3 


这 个 例子 中 ， 后 序 裔 历 会 先 访 问 左 侧 子 节点 ( 行 {1} )， 然 后 是 右 侧 子 节 点 ( 行 {2} )， 最 后 
父 节 点 本 里 ( 行 {3} )。 


你 会 发 现 ， 中 序 、 先 序 和 后 序 人 超 历 的 实现 方式 是 很 相似 的 ,唯一 不 同 的 是 行 {1}、{2} 和 {3} 
的 执行 顺序 。 


下 面 是 控制 合 的 输出 结 来 〈 每 个 数字 将 会 输出 在 不 同行 ): 


3 6 5. 8 L099 7 -12 14 13 18°:2.5: 5 
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下 面 的 图 描绘 了 postorqerTraverse 方 法 的 访问 路 径 : 








8.4 搜索 树 中 的 值 
在 树 中 ， 有 三 种 经 常 执行 的 搜索 类 型 


口 最 小 值 ; 
口 最 大 值 ; 
口 搜索 特定 的 值 。 


我 们 依次 来 看 。 





8.4.1 搜索 最 小 值 和 最 大 值 
我 们 使 用 下 面 的 树 作为 示例 : 





7 15 
2 SS 
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只 用 眼睛 看 这 张 图 ， 你 能 一 下 找到 树 中 的 最 小 值 和 最 大 值 吗 ? 

如 宁 你 看 一 眼 树 最 后 一 层 最 左 侧 的 节点 ， 会 发 现 它 的 值 为 ?3， 这 是 这 棵 树 中 最 小 的 键 。 如 果 
你 再 看 一 眼 树 最 有 奖 的 节点 〈 同样 是 树 的 最 后 一 层 )， 会 发 现 它 的 值 为 23， 这 征 这 棵 树 中 最 大 的 
键 。 这 条 信息 在 我 们 实现 搜索 树 世 点 的 最 小 值 和 最 大 值 的 方法 时 能 给 予 我 们 很 大 的 帮助 。 

自 完 ， 我们 来 看 寻找 树 的 最 小 键 的 方法 : 


thle mn Se Eunctron(). 4 
return minNode (root); //{1)} 























ks 


min 方 法 将 会 坟 露 给 用 户 。 这 个 方法 调用 了 minNogde 方 法 ( 行 {1} ): 


var minNode = function (node) { 
1if (node)t 
while (node && node.left !== null) { //{2} 
node = node.1left; //{3} 


} 


return node.key; 
} 
returiy TilL:,. .A 
} 





minNode 方 法 允许 我 们 从 树 中 任意 一 个 市 点 开始 寻找 最 小 的 键 。 我 们 可 以 使 用 它 来 找到 一 标 
树 或 它 的 子 树 中 最 小 的 键 。 因 此 ， 我 们 在 调用 minNoge 方 法 的 时 候 传 人 树 的 根 节点 ( 行 {1} )， 
因为 我 们 想 要 找到 整 棵 树 的 最 小 键 。 





在 minNodqe 内 部 ， 我 们 会 过 历 树 的 左边 〈 行 123 和 行 13} ) 直到 找到 树 的 最 下 层 〈 最 左 端 )。 
以 相似 的 方式 ， 可 以 实现 max 方 法 : 


this.max = function() { 
return maxNode (Foot ) ; 


var maxNode = function (node) { 
if (node)t 
while (node && node.right !== null) { //{5} 
node = node.right; 


} 


return node.key,; 
} 
return null; 


} 。 


要 找到 最 大 的 键 ， 我 们 要 沿 看 树 的 右边 进行 抽 历 ( 行 {5} ) 直到 找到 最 右 闯 的 节点 。 




















因此 ， 对 于 寻找 最 小 值 ， 总 是 治 春 树 的 左边 ; 而 对 于 寻找 最 大 值 ， 总 是 沿 看 树 的 右边 。 
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8.4.2 ”搜索 一 个 特定 的 值 


在 之 前 的 章节 中 ， 我 们 同样 实现 了 find、search 或 get 方 法 来 查找 数据 结构 中 的 一 个 特定 
的 值 ( 和 之 前 章节 中 实现 的 has 方 法 相似 ) 我 们 将 同样 在 BST 中 实现 搜索 的 方法 , 来 看 它 的 实现 : 











this.search = function(key)t 
return searchNode (root, key); //1{1} 
上 
Var searchNode = function(node, key)t 
if (node === null){ //{2} 


return false; 
} 
if (key < node.key){ //1{3} 
return searchNode (node.left, key); //1{4} 


} else if (key > node.key)t //{5} 








return searchNode (node.right, key); //1{6} 
} else { 
return true; //1{7} 
} 
人 
我 们 要 做 的 第 一 件 事 ， 是 声明 searcn 方 法 。 和 BST 中 声明 的 其 他 方法 的 模式 相同 ， 我 们 将 
会 使 用 一 个 辅助 哨 数 ( 行 {1} )。 

searchNode 方 法 可 以 用 来 寻找 一 棵 树 或 它 的 任意 子 树 中 的 一 个 特定 的 值 。 这 也 是 为 什么 在 
行 {1} 中 调用 它 的 时 候 传 人 树 的 根 节 点 作为 参数 。 

在 开始 算法 之 前 ， 先 要 验证 作为 参数 传人 的 nodqe 是 否 合法 (不 是 nul1l )。 如 果 是 nul1 的 话 ， 
说 明 要 找 的 键 没 有 找到 ， 返 回 false。 

如 果 传 人 的 市 点 不 是 null1， 和 需要 继续 验证 。 如 有 果 要 找 的 键 比 当前 的 市 点 小 ( 行 {3} )， 那 么 
继续 在 左 侧 的 子 树 上 搜索 ( 行 {4} )。 如 果 要 找 的 键 比 当前 的 节点 大 ， 那 么 就 从 右 侧 子 节 点 开始 
继续 搜索 〈 行 15} )， 否 则 就 说 明 要 找 的 键 和 当前 布点 的 键 相 等 ， 就 返回 true 来 表示 找到 了 这 个 
键 ( 行 {7} )。 


可 以 通过 下 面 的 代码 来 测试 这 个 方法 : 




















Console.log(tree.search(1) ? 'Key 1 found.' : 'Key 1 not found.'); 
console.log(tree.search(8) ? 'Key 8 found.' : 'Key 8 not found.'); 


输出 结果 如 下 : 


Value 1 not founa . 
Value 8 founa . 


让 我 们 详细 展示 查找 1 这 个 键 的 时 候 方法 是 如 何 执行 的 。 
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(1) 调用 searchNogde 方 法 , 传 入 根 节 点 作为 参数 ( 行 {1} )。(noqe[root[111] ) 不 是 null 
( 行 {2} )， 因 此 我 们 执行 到 行 {3}。 

(2) (key[1] < node[11] ) 为 ture ( 行 {3} )， 因 此 来 到 行 {4} 并 再 次 调用 searchNogde 
方法 , 传人 (node[7]，key[1] ) 作为 参数 。 

(3) (node[7] ) 不 是 nu1l1 ( {2} )， 因 此 继续 执行 行 {3}。 

(4) (key[1] < node[7] ) 为 ture( 行 {3} )， 因 此 来 到 行 {4} 并 再 次 调用 searchNode 方 
法 , 传人 (node[5]，key[1] ) 作为 参数 。 

(5) (node[5] ) 不 是 nu1l ( 行 {2} )， 因 此 继续 执行 行 {3}。 

(6) (key[1] < node[5] ) 为 ture ( 行 {3} )， 因 此 来 到 行 {4} 并 再 次 调用 searchNode 方 
法 ,传人 (node[3]，key[1] ) 作为 参数 。 

(7) (node[3] ) 不 是 null ( 行 {2} )， 因 此 来 到 行 {3}。 

(8) (key[1] < node[3] ) 为 真 ( 行 {3} )， 因 此 来 到 行 {4} 并 再 次 调用 searchNode 方 法 ， 
传人 (nul1,， key [1] ) 作为 参数 。nul11 被 作为 参数 传人 是 因为 node 131 是 一 个 叶 市 点 ( 它 没 有 
子 节 点 ， 所 以 它 的 左 侧 子 节点 的 值 为 null )。 

(9) 闻 点 (null ) 的 值 为 nul1〈 行 12}， 这 时 要 搜索 的 节点 为 null )， 因 此 返回 false。 

(10) 然后 ， 方 法 调用 会 依次 出 栈 ， 代 码 执行 过 程 结 

让 我 们 再 来 查找 值 为 8 的 市 点 : 

(1) 调用 searchNode 方 法 ， 传 人 root 作 为 参数 ( 行 {1} ),。 (node[root[11]1] ) 不 是 null 
( 行 {2} )， 因 此 我 们 来 到 行 {3}。 

(2) (key[8] < node[11] ) 为 真 ( 行 {3} )， 因 此 执行 到 行 {4} 并 再 次 调用 searchNode 方 
法 , 传人 (node[7]，key [8] ) 作为 参数 。 

(3) (node[7] ) 不 是 nul1， 因 此 来 到 行 {3}。 

(4) (key[8] < node[7] ) 为 假 ( 行 {3})， 因 此 来 到 行 {5}。 

(5) (key[8] > node[7] ) 为 真 ( 行 {5} )， 因 此 来 到 行 {6} 并 再 次 调用 searchNode 方 法 ， 
传 入 (node[9]，key[8] ) 作为 参数 。 

(6) (node[9]1 ) 不 是 null ( 行 {2} )， 因 此 来 到 行 {3}。 

(7) (key[8] < node[9] ) 为 真 ( 行 {3} )， 因 此 来 到 行 {4} 并 再 次 调用 searchNode 方 法 ， 
传 入 (node[8]，key[8] ) 作为 参数 。 

(8) (node[8] ) 不 是 null ( 行 {2} )， 因 此 来 到 行 {3}。 

(9) (key[8] < node[8] ) 为 假 ( 行 {3} )， 因 此 来 到 行 {5}。 

(10) (key[8] > node[8] ) 为 假 ( 行 {5} )， 因 此 来 到 行 {7} 并 返回 true， 因 为 node[8] 
就 是 要 找 的 键 。 

(11) 然后 ， 方 法 调用 会 依次 出 栈 ， 代 码 执行 过 程 结 


8.4.3” 移 除 一 个 市 态 
我 们 要 为 BST 实 现 的 下 一 个 、 也 是 最 后 一 个 方法 是 remove 方 法 。 这 是 我 们 在 本 书 中 要 实现 
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的 最 复杂 的 方法 。 我 们 先 创建 这 个 方法 ,使 它 能 够 在 树 的 实例 上 被 调用 : 





this.remove = function(key)t 
root = removeNode (root, key); //1{1} 





站 7 
这 个 方法 接收 要 移 除 的 键 并 且 它 调用 了 removeNode 方 法 ,传人 入 root 和 要 移 除 的 键 作 为 参数 
( 行 {1} )。 我 要 提醒 大 家 的 一 件 韭 常 重要 的 事情 是 ，root 被 赋值 为 removeNode 方 法 的 返回 值 。 
我 们 稍 后 会 明白 其 中 的 原因 。 
removeNode 方 法 的 复杂 之 处 在 于 我 们 要 处 理 不 同 的 运行 场景 ， 当 然 也 包括 它 同 样 是 通过 递 
归来 实现 的 。 


我 们 来 看 removeNode 方 法 的 实现 : 








Var removeNode = function(node, key)t 





if (node === null){ //1{2} 
return null; 

} 

if (key < node.key){ //1{3} 
node.left = removeNode (node.left, key); //{4} 
return node; //{5)} 

} else if (key > node.key){ //{6} 
node.right = removeNode (node.right, key); //{7} 
return node; //{8} 








} else { // 键 等 于 node.key 


/ /第 一 种 情况 一 一 个 叶 节 点 

if (node.left === null && node.right === null){ //{9} 
node = null; //{10} 
etE HIGOdEe. Yt1L} 

} 


// 第 二 种 情况 一 一 个 只 有 一 个 子 节 点 的 节点 

if (node.left === null){ //{12} 
node = node.right; //{13} 
return node; //{14} 


} else if (node.right === null){ //{15} 
node = node.left; //{16} 
return node; //{17} 

- 


// 第 三 种 情况 一 一 个 有 两 个 子 节点 的 节点 

var aux = findMinNode (node.right); //{18} 

node.key = aux.key; //{19} 

node.right = removeNode (node.right, aux.key); //{20} 
return node; //1{21} 
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我 们 来 看 行 12} ， 如 果 正 在 检测 的 节点 是 null1， 那 么 说 明 键 不 存在 于 树 中 ， 所 以 返回 nul1。 


然后 ,我 们 要 做 的 第 一 件 事 ， 丈 是 在 树 中 找到 要 移 除 的 节点 。 因 此 ， 如 来 要 找 的 键 比 当前 市 
所 的 值 小 ( 行 {3} )， 就 沿 看 树 的 左边 找到 下 一 个 市 态 ( 行 {4} )。 如 来 要 找 的 键 比 当 前 市 点 的 值 
大 ( 行 f6} )， 那么 就 沿 看 树 的 右边 找到 下 一 个 市 态 ( 行 {7} )。 


如 果 我 们 找到 了 要 找 的 键 ( 键 和 node .key 相 等 )， 就 需要 处 理 三 种 不 同 的 情况 。 
1. 移 除 一 个 时 节点 


第 一 种 情况 是 该 节点 是 一 个 没有 左 侧 或 右 侧 子 节点 的 叶 贡 点 一 一 行 19}。 在 这 种 情况 下 ,我 
们 要 做 的 就 是 给 这 个 点 赋 子 nul1 值 来 移 除 它 〈 行 19) ) 但 是 当 学 习 了 链表 的 实现 之 后 ， 我 们 
知 近 仅仅 赋 一 个 nul1 值 是 不 够 的 ， 还 需要 处 理 指针 。 在 这 里 ， 这 个 下 点 没有 任何 子 节 点 ， 但 是 
它 有 一 个 父 扩 点 ， 需 要 通过 返回 nu11 来 将 对 应 的 父 市 点 指针 赋 子 nu11 值 ( 行 {11} )。 


现在 节点 的 值 已 经 是 nul1 了 ， 父 届 点 指 辐 它 的 指针 也 会 接收 到 这 个 值 ， 这 也 是 我 们 要 在 蚂 
数 中 返回 节点 的 值 的 原因 。 父 节点 总 是 会 接收 到 图 数 的 返回 值 。 另 一 种 可 行 的 办 法 是 将 父 节 点 和 
节点 本 屿 都 作为 参数 传人 方法 内 部 。 

如 果 回 头 来 看 方法 的 第 一 行 代码 ， 会 发 现 我 们 在 行 {4} 和 行 {7} 更 新 了 方 点 左右 指针 的 值 ， 
同样 也 在 行 {5} 和 行 {8} 返 回 了 更 新 后 的 节点 。 


下 图 展现 了 移 除 一 个 叶 证 上 扣 的 过 程 : 
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2. 移 除 有 一 个 左 侧 或 右 侧 子 证 点 的 市 护 
现在 我 们 来 看 第 二 种 情况 , 移 除 有 一 个 左 侧 子 市 点 或 右 侧 子 节 点 的 市 点 。 这 种 情况 下 ,， 知 要 
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跳 过 这 个 太 点 ， 下 接 将 父 广 点 指向 它 的 指针 指 疝 子 市 点 。 


如 果 这 个 市 点 没有 左 侧 子 市 点 ( 行 {12} )， 也 束 古 说 它 有 一 个 右 侧 子 节 点 。 因 此 我 们 把 对 它 
的 引用 改 为 对 它 右 侧 子 市 点 的 引用 ( 行 {13} ) 并 返回 更 新 后 的 节 太 ( 行 {14} ) 如 果 这 个 节点 没 
有 碟 侧 子 市 点 ， 也 是 一 样 一 一 把 对 它 的 引用 改 为 对 它 左 侧 子 市 点 的 引用 ( 行 {16} ) 并 返回 更 新 
后 的 值 ( 行 {17} )。 


图 展现 了 移 除 只 有 一 个 左 侧 子 市 点 或 右 侧 子 节 点 的 市 点 的 过 程 : 
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3. 移 除 有 两 个 子 古 挟 的 季 操 








现在 是 第 三 种 情况 , 也 是 最 复杂 的 情况 , 奢 就 是 要 移 除 的 市 点 有 两 个 子 方 扩 一 一 左 侧 子 市 点 
和 右 侧 子 太 点 。 要 移 除 有 两 个 子 市 点 的 节操 ， 需 要 执行 四 个 步 又 。 


(1) 当 找 到 了 需要 移 除 的 节点 后 ， 需 要 找到 它 右 边 子 树 中 最 小 的 三 点 ( 它 的 继承 者 一 一 行 
{Te 


(2) 然后 ， 用 它 右 侧 子 树 中 最 小 市 点 的 键 去 更 新 这 个 市 点 的 值 ( 行 {19} )。 通 过 这 一 步 ， 我 
们 改变 了 这 个 节点 的 键 ， 也 就 是 次 它 被 移 除 了 。 


(3) 但 是 ， 这 样 在 树 中 就 有 两 个 拥有 相同 键 的 节点 了 ， 这 定 不 行 的 。 要 继续 把 右 侧 子 树 中 的 
最 小 节点 移 除 ， 毕 竟 它 已 经 被 移 至 要 移 除 的 节点 的 位 置 了 《〈 行 120} )。 


(4) 最 后 ， 回 它 的 父 忆 点 返回 更 新 后 万 点 的 引用 〈 行 121) )。 


findMinNode 方 法 的 实现 和 min 方 法 的 实现 方式 是 一 样 的 。 唯 一 不 同 之 处 在 于 ， 在 min 方 法 
中 只 返回 键 ， 而 在 findMinNode 中 返回 了 市 点 。 


下 图 展现 了 移 除 有 两 个 于 广 点 的 三 扩 的 过 程 : 
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8.5 更 多 关于 二 叉 树 的 知识 
现在 你 知道 如 何 使 用 二 又 搜索 树 了 ， 如 果 愿 意 的 话 ， 可 以 继续 去 学 习 更 多 关于 树 的 知识 。 


BST 存 在 一 个 问题 : 取决 于 你 添加 的 节点 数 ， 树 的 一 条 边 可 能 会 非 第 深 ; 也 就 是 说 ， 树 的 一 
条 分 文 会 有 很 多 层 ， 而 其 他 的 分 文 却 只 有 几 层 ， 如 下 图 所 示 : 














这 会 在 需要 在 某 条 边 上 诡 加 、 移 除 和 搜索 某 个 节点 时 引起 一 些 性 能 问题 .为 了 解决 这 个 问题 ， 
有 一 种 树 叫 作 阿 德尔 森 -维尔 斯 和 兰 迪 斯 树 (AVL 树 )。 AVL 树 是 一 种 自 平 衡 二 又 搜 索 树 ， 意 思 是 
任何 一 个 节点 左右 两 侧 子 树 的 高 度 之 猎 最 多 为 1。 也 就 是 说 这 种 树 会 在 添加 或 移 除 节点 时 尽量 试 
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者 成 为 一 傈 完全 树 。 


我 们 不 会 在 本 书 中 介绍 AVL 树 的 实现 , 但 是 你 可 以 在 本 书 源 代码 的 chapter08 文 件 夹 中 找到 它 
的 源 代码 。 











另 一 种 你 同样 应 该 学 习 的 树 是 红 黑 树 , 它 是 一 种 特殊 的 二 又 树 。 这 种 树 可 以 
进行 高 效 的 中 序 遍 历 ( http://goo.gl/OxED8K )。 此 外 ， 堆 积 树 也 值得 你 去 学 习 
( http://goo.gl/SFIhWS6 )。 





8.6 小结 


在 本 章 中 ， 我 们 介绍 了 在 计算 机 科学 中 被 广泛 使 用 的 基本 树 数 据 结构 
加 、 搜 索 和 移 除 项 的 算法 。 我 们 同样 介绍 了 访问 树 中 每 个 节点 的 三 种 遍历 方式 。 


在 下 一 草 中 ， 我 们 将 会 学 习 图 的 基本 概念 ， 它 也 是 一 种 非 线性 的 数据 结构 。 


二 勾 搜 索 树 中 添 




















在 本 草 ， 你 将 学 习 万 一 种 非 线性 数据 结构 
章 将 深 入 学 习 排 序 和 搜索 算法 。 

本 章 将 会 包含 不 少 图 的 巧妙 运用 。 图 是 一 个 庞大 的 主题 , 深 入 探索 图 的 奇妙 世界 都 足够 写 一 
本 书 了 。 


图 。 这 是 我 们 要 讲 的 最 后 一 种 数据 结构 ， 下 一 




















9.1 图 的 相关 术语 

图 是 网 络 结构 的 抽象 模型 。 图 是 一 组 由 边 连接 的 节点 (或 顶点 )。 学 习 图 是 重要 的 ， 因 为 任 
何 二 元 关系 都 可 以 用 图 来 表示 。 

任何 社交 网 络 ， 例 如 Facebook、Twitter 和 Google plus， 都 可 以 用 图 来 表示 。 

我 们 还 可 以 使 用 图 来 表示 道路 、 航 班 以 及 通信 状态 ， 如 下 图 所 示 : 

















让 我 们 来 学 习 一 下 图 在 数学 及 技术 上 的 概念 。 
一 个 图 G= (有 轧 由 以 下 元 素 组 成 。 


口 了: 一 组 顶点 
口 : 一 组 边 ， 连 接 V 中 的 顶点 





9.1 图 的 相关 术语 111 





下 图 表示 一 个 图 : 


GO H 


T NS Da ~ 


在 着手 实现 算法 之 前 ， 让 我 们 先 了 解 一 下 图 的 一 些 术语 。 


由 一 条 边 连 接 在 一 起 的 顶点 称 为 相 邻 顶点 。 比 如 ，A 和 B 是 相 邻 的 ，A 和 D 是 相 邻 的 ，A 和 C 
是 相 邻 的 ，A 和 E 不 是 相 邻 的 。 


一 个 顶点 的 度 是 其 相 令 顶点 的 数量 。 比 如 ，A 和 其 他 三 个 顶点 相连 接 ， 因 此 ，A 的 度 为 3; E 
和 其 他 两 个 顶点 相连 ， 因 此 ，E 的 度 为 2。 


路 径 是 顶点 Vi, wmw 的 一 个 连续 序列 ， 其 中 和 vv 是 相 邻 的 。 以 上 一 示意 图 中 的 图 为 例 ， 
其 中 包含 路 径 ABEI 和 ACD G。 


简单 路 径 要 求 不 包含 重复 的 顶点 。 举 个 例子 ，AD G 是 一 条 简单 路 径 。 除 去 最 后 一 个 顶点 ( 
为 它 和 第 一 个 顶点 是 同一 个 顶点 ), 环 也 是 一 个 简单 路 径 , 比 如 ADCA( 最 后 一 个 顶点 重新 回 到 A )。 


如 于 图 中 不 存在 环 , 则 称 该 图 是 无 环 的 。 如 果 图 中 每 两 个 项 点 间 都 存在 路 径 , 则 该 图 是 连通 的 。 














有 向 图 和 无 向 图 
图 可 以 是 无 向 的 ( 边 没有 方 癌 ) 或 是 有 向 的 (有 问 图 ) 如 下 图 所 示 , 有 问 图 的 边 有 一 个 方 问 : 
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如 果 图 中 每 两 个 顶点 间 在 双 加 上 都 存在 路 径 ， 则 该 图 是 强 连 通 的 。 例 如 ，C 和 D 是 强 连通 的 ， 
而 A 和 了 B 不 是 强 连 通 的 。 

图 还 可 以 是 未 加 权 的 (目前 为 止 我 们 看 到 的 图 都 是 未 加 权 的 ) 或 是 加 权 的 。 如 下 图 所 示 ， 加 
权 图 的 边 被 赋予 了 权 值 : 











我 们 可 以 使 用 图 来 解决 计算 机 科学 世界 中 的 很 多 问题 , 比如 搜索 图 中 的 一 个 特定 顶点 或 搜索 





一 条 特定 边 , 寻找 图 中 的 一 条 路 径 〈 从 一 个 顶点 到 另 一 个 顶点 ) 寻找 两 个 项 点 之 间 的 最 短路 径 ， 
以 及 环 检测 。 


9.2 图 的 表示 


从 数据 结构 的 角度 来 说 , 我 们 有 多 种 方式 来 表示 图 。 在 所 有 的 表示 法 中 ,不 存在 绝对 正确 的 
方式 。 图 的 正确 表 示 法 取决 于 符 解 决 的 问题 和 图 的 类 型 。 














9.2.1 邻接 矩阵 


图 最 常见 的 实现 是 邻接 和 矩阵。 每 个 节点 都 和 一 个 整数 相关 联 ， 该 整数 将 作为 数组 的 索引 。 我 
们 用 一 个 二 维 数组 来 表示 顶点 之 间 的 连接 。 如 果 索 引 为 ;的 节点 和 索引 为 /的 节点 相 邻 , 则 array[][ 
=== 1， 和 否则 array[ 中 站 === 0， 如 下 图 所 示 : 
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不 是 强 连 通 的 图 〈 秤 更 图 ) 如 果 用 邻接 矩阵 来 表示 ， 则 矩 阵 中 将 会 有 很 多 0， 这 意味 春 我 们 
浪费 了 计算 机 存储 空间 来 表示 根本 不 存在 的 边 。 例如， 找 给 定 项 点 的 相 邻 项 点 ， 即 使 该 项 点 只 有 
一 个 相 邻 项 点 ,我 们 也 不 得 不 迭代 一 整 行 。 邻 接 和 矩阵 表示 法 不 够 好 的 男 一 个 理由 是 , 图 中 顶点 的 
数量 可 能 会 改变 ， 而 2 维 数组 不 太 灵 活 。 











9.2.2 ”邻接 表 


我 们 也 可 以 使 用 一 种 叫 作 邻接 表 的 动态 数据 结构 来 表示 图 。 邻接 表 由 图 中 每 个 项 点 的 相 邻 项 
点 列表 所 组 成 。 存 在 好 几 种 方式 来 表示 这 种 数据 结构 。 我 们 可 以 用 列表 〈 数 组 入 链表 ， 甚 至 是 
散 列 表 或 是 字典 来 表示 相 邻 顶点 列表 。 下 面 的 示意 图 展示 了 邻接 表 数 据 结构 。 











et 
CY "DE 





RE 
HT NO WH 











尽管 邻接 表 可 能 对 大 多 数 问题 来 说 都 是 更 好 的 选择 , 但 以 上 两 种 表示 法 都 很 有 用 , 且 它 们 有 
着 不 同 的 性 质 ( 例如， 要 找 出 顶点 v 和 w 是 否 相 名 ,使 用 邻接 矩阵 会 比较 快 )。 在 本 书 的 示例 中 ， 
我 们 将 会 使 用 邻接 表 表 示 法 。 








114 第 9 齐 图 


9.2.3 ”关联 算 阵 








我 们 还 可 以 用 关联 和 矩 阵 来 表示 图 。 在 关联 矩阵 中 ,和 矩阵 的 行 表示 顶点 ,列表 示 边 。 如 下 图 所 
示 , 我 们 使 用 二 维 数组 来 表示 两 者 之 间 的 连通 性 ,如果 顶点 v 是 边 e 的 入 射 点 ， 则 array[v]j[e] === 1; 


否则 ，array[v][e] === 0。 


A-C A-D C-D C-E E-D D-F 





关联 和 矩 阵 通 第 用 于 边 的 数量 比 项 点 多 的 情况 下 ， 以 市 省 空间 和 内 存 。 


9.3 创建 图 类 


照例 ， 我 们 声明 类 的 骨 以 : 








function Graph ( 


rn 一 

















Var vertic [J a 
Var adjList = new Dictionary(); //1{2} 
} 
我 们 使 用 一 个 数组 来 存储 图 中 所 有 顶点 的 名 字 ( 行 {1} )， 以 及 一 个 字典 (在 第 7 莉 中 已 经 实 





现 ) 来 存储 邻接 表 ( 行 {2} ), 字典 将 会 使 用 顶点 的 名 字 作 为 键 , 邻接 顶点 列表 作为 值 vertices 
数组 和 aqjList 字 典 两 者 都 是 我 们 Graph 类 的 私有 属性 。 


接着， 我们 将 实现 两 个 方法 : 一 个 用 来 癌 图 中 添加 一 个 新 的 顶点 〈 因 为 图 实例 化 后 是 空 的 )， 














另外 一 个 方法 用 来 添加 顶点 之 间 的 边 。 我 们 先 实 现 adqadqvertex 方 法 : 
this.addVertex = function(v)t 
vertices.push(v); //{3} 
adjList.set(v, []); //{4} 
上 
这 个 方法 接受 顶点 v 作 为 参数 。 我 们 将 该 项 点 添加 到 顶点 列表 中 ( 行 {3} ), 并 且 在 邻接 表 中 ， 





设置 顶点 v 作 为 键 对 应 的 字典 值 为 一 个 空 数组 ( 行 {4} )。 
现在 ， 我 们 来 实现 addEdge 方 法 : 


this.addEdge = function(v, w)t 
adjList.get(v) .push(w); //{5} 


adjList.get(w) .push(v); //{6} 
小 


这 个 方法 接受 两 个 顶点 作为 参数 。 首 先 , 通过 将 w 加 入 到 v 的 邻接 表 中 , 我 们 添加 了 一 条 上 自 顶 
点 Vv 到 顶点 w 的 边 。 如 果 你 想 实 现 一 个 有 问 图 ， 则 行 {5} 就 足够 了 。 由 于 本 章 中 大 多 数 的 例子 者 是 
基于 无 回 图 的 ， 我 们 需要 添加 一 条 目 w 回 v 的 边 〈( 行 16} )。 

请 注意 我 们 只 是 往 数 组 里 新 增 元 素 ， 因 为 数组 已 经 在 行 14} 被 初始 化 了 。 

让 我 们 测试 这 段 代 人 码 : 

Var graph = new Graph();} 


Var my VertLeees eS [LSAT HB OD TE GH 
for (var 1i1=0; i<myVertices.length; 1i++){ //{8} 














graph.addVertex(myVertices[i]); 
} 
graph.addEdgel(' 
graph.addEdgel(' 
graph.addEdgel(' 
graph.addEdgel(' 


( TY, HA 9) 

( 。 

( 

( 
graph.addEdgel( 

( 

( 

( 

( 

( 





graph.addEdgel(' 
graph.addEdgel(' 
graph.addEdgel(' 
graph.addEdgel(' 
graph.addEdgel(' 


为 方便 起 见 ， 我 们 创建 了 一 个 数组 ， 包 含 所 有 我 们 想 添加 到 图 中 的 项 点 ( 行 {7} )。 接 下 来 ， 
我 们 只 要 裔 历 vertices 数 组 并 将 其 中 的 值 逐 一 添加 到 我 们 的 图 中 ( 行 {8} ) 最 后 ,我 们 添加 想 
要 的 边 ( 行 {9} ) 这 段 代 码 将 会 创建 一 个 图 ， 也 就 是 到 目前 为 止 本 章 的 示意 图 所 使 用 的 。 

为 了 更 方便 一 些 ， 让 我 们 来 实现 一 下 Graph 类 的 tostring 方 法 ， 以 便于 在 控制 台 输 出 图 。 


this.toString = function()t 





HHWHODONQNNOPLL 
中 本 四 贡 Daoeoeoang 


) 
) 
) 
) 
) ;7 
) ;7 
) 
) 
) 
) 


7 





Var 三 
for (var i=0; i<vertices.length; i++){ //{10} 
S += vertices[i] + ' -> ' 
Var neighbors = adjList.get (vertices[i]); //{11} 
for (var J=0; j<neighbors.length; J++){ //{12} 
S += neighbors[j] + ' 





BS 4 NN /LL3) 


tp. 
3 
我 们 为 邻接 表 表 示 法 构建 了 一 个 字符 串 。 首 先 ， 迭 代 vertices 数 组 列表 ( 行 {10} )， 将 顶 
点 的 名 字 加 入 字符 串 中 。 接着 , 取得 该 项 点 的 邻接 表 ( 行 {11} ), 同样 也 和 迭代 该 邻接 表 ( 行 112) )， 
将 相 邻 顶点 加 入 我 们 的 字符 串 。 邻 接 表 迭 代 完 成 后 , 给 我 们 的 字符 串 添 加 一 个 换行 符 ( 行 113) )， 
这 样 就 可 以 在 控制 台 看 到 一 个 漂亮 的 输出 了 。 运 行 如 下 代码 : 
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console.1log (graph.toString()); 


输出 如 下 : 
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一 个 深 玩 的 邻接 表 ! 从 该 输出 中 ， 我 们 知道 项 点 A 有 这 几 个 相 邻 顶点: B、C 和 D。 


9.4 图 的 志 历 


和 树 数 据 结构 类 似 , 我 们 可 以 访问 图 的 所 有 市 点 。 有 两 种 算法 可 以 对 图 进行 亿 历 : 广度 优先 
搜索 ( Breadth-First Search，BFS ) 和 深度 优先 搜索 ( Depth-First Search，DFS )。 图 过 有 历 可 以 用 来 
寻找 特定 的 顶点 或 寻找 两 个 顶点 之 间 的 路 径 ， 检 查 图 是 否 连通 ， 检 查 图 是 否 含有 环 等 。 


在 实现 算法 之 前 ， 让 我 们 来 更 好 地 理解 一 下 图 遍历 的 思想 方法 。 


图 遍历 算法 的 思想 是 必须 追踪 每 个 第 一 次 访问 的 节点 , 并且 人 退 踪 有 哪些 市 点 还 没有 被 完全 探 
索 。 对 于 两 种 图 壳 历 算法 ， 痢 需要 明确 指出 第 一 个 被 访问 的 顶点 。 


完全 探索 一 个 顶点 要 求 我 们 查看 该 顶点 的 每 一 条 边 。 对 于 每 一 条 边 所 连接 的 没有 被 访问 过 的 
顶点 ， 将 其 标注 为 被 发 现 的， 并 将 其 加 进 待 访问 顶点 列表 中 。 


为 了 保证 算法 的 效率 ， 务 必 访 问 每 个 顶点 至 多 两 次 。 连 通 图 中 每 条 边 和 顶点 都 会 被 访问 到 。 


广度 优先 搜索 算法 和 深度 优先 搜索 算法 基本 上 是 相同 的 , 只 有 一 点 不 同 , 那 就 是 行 访 问 顶 点 
列表 的 数据 结构 。 















































算 法 数据 结构 搓 ” 述 
深度 优先 搜索 栈 通过 将 顶点 存 入 栈 中 〈 在 第 3 章 中 学 习 过 ) ， 顶 点 是 治 着 路 径 被 探索 的 ， 存 在 新 的 相 
邻 顶 后 就 去 访问 
广度 优先 搜索 队列 通过 将 顶点 存 入 队列 中 〈 在 第 4 草 中 学 习 过 ) ， 最 先 人 队列 的 顶点 先 被 探索 





当 要 标注 已 经 访问 过 的 项 点 时 ， 我 们 用 三 种 颜色 来 反映 它们 的 状态 。 
口 日 色 : 表示 该 顶点 还 没有 被 访问 。 

口 灰 色 : 表示 该 顶点 被 访问 过 ， 但 并 未 被 探索 过 。 

口 黑色 : 表示 该 项 点 被 访问 过 且 被 完全 探索 过 。 


这 就 是 之 前 提 到 的 务必 访问 每 个 项 点 最 多 两 次 的 原因 。 
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9.4.1 广度 优先 搜索 


广度 优先 搜索 算法 会 从 指定 的 第 一 个 项 点 开始 遍历 图 , 先 访问 其 所有 的 相 邻 点 ， 就 像 一 次 访 
问 岁 的 一 层 。 换 句 话 说， 如 是 匈 宽 后 涤 地 访问 项 点， 如 下 网 所 不: 











以 下 是 从 顶点 * 开 始 的 广度 优先 搜索 自 法 所 这 循 的 步 桑 。 


(1) 创建 一 个 队列 O。 
(2) 将 v 标 注 为 被 发 现 的 (灰色 )， 并 将 v 人 队列 O。 
(3) 如 果 2 非 空 ， 则 运行 以 下 步骤 : 
(a) 将 xz 从 C 中 出 队列 ; 
(b) 将 标注 z 为 被 发 现 的 (灰色 ) 
(c) 将 xz 所 有 未 被 访问 过 的 邻 点 (白色) 入 队列 ; 
(d) 将 zx 标 注 为 已 被 探索 的 (黑色 )。 


让 我 们 来 实现 广度 优先 搜索 算法 : 


var initializeColor = function()t 





Var COLOFE =" b> 

for (var 1=0; i<vertices.length; 1++){ 
color[lvertices[i]] = 'white'; //{1)} 

. 


return color; 





this.bfs = function(v, callback)t 





Var color = initializeColor(), //{2} 
Gueue = new Queue(); ya 
Gueue .enadqueue (Vv);，} //1{4)} 
while (!queue.isEmpty())t //{5} 
Var uU = gqueue.degqueue(), //{6} 





neighbors = adjList.get(u); //{7} 
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color[u] = 'grey'; VA 
for (var i=0; i<neighbors.length; i++){ // {9} 
var w = neighbors[il]; // {10} 
1if (color[w] === 'white')t 1] 二 由 
color[w] = 'grey'; // {12} 
queue.enqueue (w) ; fh tk le 
} 
} 
COEFO 关 | 也 1 .三 收 aGkKT 3: 7 光 . 交 山村 3 
if (callback) { 大 大 二 5 
callback(u) ; 
} 
} 
}; 
广度 优先 搜索 和 深度 优先 搜索 都 需要 标注 被 访问 过 的 项 点 。 为 此 , 我 们 将 使 用 一 个 辅助 数组 








color。 由 于 当 算 法 开始 执行 时 ， 所 有 的 顶点 颜色 都 是 白色 ( 行 {1} )， 所 以 我 们 可 以 创建 一 个 辅 
助 图 数 initializecolor， 为 这 两 个 算法 执行 此 初始 化 操作 。 

证 我 们 次 入 学 习 广 度 优 先 搜 索 方 法 的 实现 。 我 们 要 做 的 第 一 件 事情 是 用 initializeCcolor 
限 数 来 将 color 数 组 初始 化 为 white( 行 {2} ) 我 们 还 需要 声明 和 创建 一 个 oueue 实 例 ( 行 {3})， 
它 将 会 存储 待 访问 和 待 探索 的 项 点 。 

















照 春 本 章 开 头 解释 过 的 步 又 , bfs 方 法 接受 一 个 顶点 作为 算法 的 起 始点 。 起 始 顶点 是 必要 的 ， 
我 们 将 此 顶点 入 队列 〈《 行 14} )。 





如 果 队 列 非 空 ( 行 15} ), 我 们 将 通过 出 队列 ( 行 {6} ) 操作 从 队列 中 移 除 一 个 顶点 ， 并 取得 
一 个 包含 其 所 有 邻 点 的 邻接 表 〈( 行 17} )。 该 项 点 将 被 标注 为 grey ( 行 {8} )， 表 示 我 们 发 现 了 它 
(但 还 未 完成 对 其 的 探索 )。 

对 于 u( 行 {9} ) 的 每 个 邻 点 ,我 们 取得 其 值 (该 项 点 的 名 字 一 一 行 {10} )， 如 果 它 还 未 被 访 
问 过 (颜色 为 white 一 一 行 {11} )， 则 将 其 标注 为 我 们 已 经 发 现 了 它 ( 颜色 设置 为 grey 一 一 行 
{12} )， 并 将 这 个 顶点 加 入 队列 中 〈 行 113} )， 这 样 当 其 从 队列 中 出 列 的 时 候 ， 我 们 可 以 完成 对 
其 的 探索 。 


当 完 成 探索 该 项 点 和 其 相 邻 顶点 后 ， 我 们 将 该 项 点 标注 为 已 探索 过 的 (颜色 设置 为 
black 1 


我 们 实现 的 这 个 bfs 方 法 也 接受 一 个 回调 (我们 在 第 8 音 中 遍历 树 时 使 用 了 一 个 相似 的 方 
法 )。 这 个 参数 是 可 选 的 ， 如 果 我 们 传递 了 回调 函数 ( 行 (15} )， 会 用 到 它 。 


让 我 们 执行 下 面 这 段 代码 来 测试 一 下 这 个 算法 : 
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function PrlIntNodqe (value){ //{16} 
console.log('Visited vertex: ' + value); //1{17} 





} 
graph.bfs(myVertices[0], printNode); //{18} 


首先 ， 我 们 声明 了 一 个 回调 函数 ( 行 {16} )， 它 仅仅 在 浏览 大 控 制 台 上 输出 已 经 被 完全 探索 
过 的 顶点 的 名 字 。 接 着 ， 我 们 会 调用 bfs 方 法 ， 给 它 传递 第 一 个 顶点 ( A 一 一 从 本 章 开头 声明 的 
myVertices 数 组 ) 和 回调 函数 。 当 我 们 执行 这 段 代 码 时 ， 该 算法 会 在 浏览 器 控制 台 输 出 下 示 的 
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isited vertex: 
如 你 所 见 ， 顶 点 被 访问 的 顺序 和 本 节 开 头 的 示意 图 中 所 展示 的 一 致 。 
1. 使 用 BFS 寻 找 最 短路 径 
到 目前 为 止 , 我 们 只 展示 了 BFS 算 法 的 工作 原理 。 我 们 可 以 用 该 算法 做 更 多 事情 ， 而 不 只 是 
输出 被 访问 顶点 的 顺序 。 例 如 ， 考 虑 如 何 来 解决 下 面 这 个 问题 。 
给 定 一 个 图 G 和 源 顶点 v， 找 出 对 每 个 顶点 4，u 和 v 之 间 最 短路 径 的 距离 ( 以 边 的 数量 计 )。 


对 于 给 定 顶 点 v， 广 度 优 匈 算法 会 访问 所 有 与 其 距离 为 1 的 顶点， 接 春 是 距离 为 2 的 项 操 


以 此 类 推 。 所 以 ， 可 以 用 广度 优先 算法 来 解 这 文 个 问题 。 我 们 可 以 修改 bts 方 法 以 返回 给 我 们 _- 
些 信息 /区 \、: 




















口 从 v 到 uw 的 距离 d[u]; 
口 前 渊 点 pred[xz]， 用 来 推导 出 从 y* 到 其 他 每 个 顶点 的 最 短路 径 。 


让 我 们 来 看 看 改进 过 的 广度 优先 方法 的 实现 : 


this.BFS = function(v)t 





Var COlor initializeColor(), 


Gueue = new Queue () ， 
d= [], //{1} 
pred = []; //1{2} 


queue.engqueue (Vv),， 





for (var i=0; i<vertices.length; i++){ //{3} 
d[vertices[i]] = 0; //{4} 
pred[vertices[i]] = null; //{5} 


while (!queue.isEmpty())t 





Var Uu = gqueue.degqueue(), 
neighbors = adjList.get (u),; 
color[lu] = 'grey'; 
for (i=0; i<neighbors.length; i++)f{ 
var w = neighbors[i]; 
if ‘(Golor[lw]| === “white'){ 
Color[Iw] = 'grey'; 
d[w] = d[u] + 1; //{6} 
pred[w] = u; //{7} 


queue.enqueue (w) ; 





} 
} 
SOLOFLDl EPLlack ss 
lL 
return { //1{8} 
distances: dd, 
Predecessors: pred 


Fe 
这 个 版 本 的 BFs 方 法 有 些 什么 改变 ? 


| 本 章 源 代码 中 包含 两 个 bfs 方 法 : bfs (第 一 个 ) 和 BFS (改进 版 )。 


我 们 还 逢 要 声明 数组 a ( 行 {1} ) 来 表示 距离 ， 以 及 pred 数 组 来 表示 前 滴 点 。 下 一 步 则 是 对 





网 早 


的 每 一 个 顶点 ， 用 0 来 初始 化 数组 a(〈 行 14} )， 用 nul11 来 初始 化 数组 pred。 
当 我 们 发 现 顶 点 u 的 邻 点 w 时 ， 则 设置 w 的 前 湖 点 值 为 u( 行 {7} )。 我 们 还 通过 给 aru] 加 1 来 





设置 v 和 w 之 间 的 距离 〈u 是 w 的 前 渊 点 ，drul 的 值 已 经 有 了 )。 


为 3。 


方法 最 后 返回 了 一 个 包含 3 和 predq 的 对 象 ( 行 18} )。 
现在 ， 我 们 可 以 再 次 执行 BFSs 方 法 ， 并 将 其 返回 值 存 在 一 个 变量 中 : 





var shortestPathA = graph.BFS(myVertices{[0]); 
console.log(shortestPathA).; 


对 顶点 A 执行 BFS 方 法 ， 以 下 将 会 是 输出 : 


distances: [A: 0, B: 1, CC: 1, D: 1, E: 2, F: 2, G: 2, H: 2 ， I: 3], 
Bredecessors: FAS TulLly :Be AT Cs TA De TAT Be WB. Ee VB .,. (GO, HS TD; : "EE"] 


这 意味 着 项 点 A 与 顶点 B、C 和 D 的 距离 为 1; 与 项 点 EB、F、G 和 H 的 距离 为 2; 与 顶点 I 的 距离 























通过 前 漳 点 数组 ， 我 们 可 以 用 下 面 这 段 代 码 来 构建 从 顶点 A 到 其 他 项 点 的 路 径 : 
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Var fromVertex = myVertices[0]; //1{9} 
for (var i=1; i<myVertices.length; i++){ //{10} 
Var toVertex = myVertices[i], //1{11} 
path = new Stack();} //{12} 
for (var v=toVertex; Vv!== fromVertex; 
v=shortestPathA.predecessors[v]) { //{13} 
path.push (v); //{14} 
} 
path.push (fromVertex).; /A 
var S = path.pop(); //{16} 
while (!path.isEmpty())t /下 二 了 
Ss += " —- ' + path.pop(); //{18} 


} 
console.1log(s); //{19} 
} 


我 们 用 顶点 A 作为 源 顶 点 ( 行 {9} ), 对 于 每 个 其 他 顶点 (除了 顶点 A 一 一 行 {10} ), 我 们 会 计 
算 顶 点 A 到 它 的 路 径 。 我们 从 顶点 数组 得 到 tovertex ( 行 {11} )， 然 后 会 创建 一 个 栈 来 存储 路 径 
但 (LD 


接着 ， 我 们 追溯 tovertex 到 EromVezrtex 的 路 径 { 行 Cl 变量 v 被 赋值 为 其 前 济 点 的 值 ， 
这 样 我 们 能 够 反 回 追溯 这 条 路 径 。 将 变量 v 添 加 到 栈 中 ( 行 114} )。 最 后 ， 源 顶点 也 会 被 添加 到 
栈 中 ， 以 得 到 完整 路 径 。 


这 之 后 ， 我 们 创建 了 一 个 s 字 符 串 ， 并 将 源 顶 点 赋值 给 它 〈 它 是 最 后 一 个 加 入 栈 中 的 ， 所 以 
它 是 第 一 个 被 弹出 的 项 一 一 行 116} )。 当 栈 是 非 空 的 ,我 们 就 从 栈 中 移出 一 个 项 并 将 其 拼接 到 字 
从 串 s 的 后 面 ( 行 {18} )。 最 后 ( 行 {19} ) 在 控制 台 上 输出 路 人 径 。 


执行 该 代码 段 ， 我 们 会 得 到 如 下 输出 : 

















PPDPD 人 DPDPDD 
| 
HUNROWUHWDU OU 
J 
本 号 02 可 症 


- 工 
这 里 ， 我 们 得 到 了 从 项 点 A 到 图 中 其 他 顶点 的 最 短路 径 〈 衡量 标准 是 边 的 数量 )。 
2. 深入 学 习 最 短路 径 算 法 


本 草 中 的 图 不 是 加 权 图 。 如 果 要 计算 加 权 图 中 的 最 短路 径 ( 例如 ， 城 市 A 和 城市 B 之 间 的 最 
短路 径 一 一 GPS 和 Google Maps 中 用 到 的 算法 )， 广 度 优先 搜索 未 必 合 适 。 


举 些 例子 ，Dijkstra'"s 算 法 解决 了 单 源 最 短路 径 问 题 。Bellman-Ford 自 法 解决 了 边 权 值 为 负 的 
单 源 最 短路 径 问 题 。A* 搜 索 自 法 解决 了 求 仅 一 对 项 点 间 的 最 短路 径 问 题 ， 它 用 经 验 法 则 来 加 速 








内 
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搜索 过 程 。Floyd-Warshall 算 法 解决 了 求 所 有 顶点 对 间 的 最 短路 径 这 一 问题 。 

如 本 章 开 头 提 到 的 , 图 是 一 个 广泛 的 主题 ,对 最 短路 径 问 题 及 其 变种 问题 ,我 们 有 很 多 的 解 
决 方案 。 但 在 开始 学 习 这 些 其 他 解决 方案 前 ， 我 们 需要 和 苞 握 好 网 的 基本 概念 , 这 是 本 革 涵 冀 的 内 
容 。 而 这 些 其 他 解决 方案 则 不 会 在 本 曹 讲述， 但 你 可 以 自行 探索 图 的 奇妙 世界 。 











9.4.2 ”深度 优先 搜索 


深度 优先 搜索 算法 将 会 从 第 一 个 指定 的 顶点 开始 轴 历 图 , 治 厦 路 径直 到 这 条 路 径 最 后 一 个 顶 
点 被 访问 了 ,接着 原 路 回 退 并 探索 下 一 条 路 径 。 换 句 话说 ， 它 是 先 深 度 后 广度 地 访问 项 点， 如 下 
图 所 未 : 











深度 优先 搜索 算法 不 需要 一 个 源 项 点 。 在 深度 优先 搜索 算法 中 ， 寿 图 中 顶点 v 末 访问 ， 则 访 
问 该 顶点 v。 


要 访问 顶点 v>， 照 如 下 步骤 做 。 

(1) 标注 为 被 发 现 的 (灰色 )。 

(2) 对 于 * 的 所 有 未 访问 的 邻 点 w: 

(a) 访问 顶点 w。 
(3) 标注 为 已 被 探索 的 (黑色 )。 
如 你 所 见 , 深度 优先 搜索 的 步 又 是 递归 的 , 这 意味 着 深度 优先 搜索 算法 使 用 栈 来 存储 函数 调 
用 (由 递归 调用 所 创建 的 栈 )。 
让 我 们 来 实现 一 下 深度 优先 算法 : 


this.dfs = function(callback)t 
Var color = initializeColor(); //{1)} 
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for (var 1i=0; i<vertices.length; i++){ //{2} 
if (color[lvertices[i]|] === 'white'){ //{3)} 
dfsVisit (vertices[i], color, callback); //{4} 
} 


Var dfsVisit = function(u, Color, callback)t 

color[u] = 'grey'; //{5} 

if (callback) { //{6} 
callback (u); 

} 

var neighbors = adjList.get (u); //{7} 

for (var i=0; i<neighbors.length; i++){ //{8} 
var w = neighbors[il]; //{9} 
If (color[w] === 'white')t //{10} 

dfsVvisit(w, color, callback); //{11} 

} 

} 

这 后 再 GT [ul "LackKk"; 7/77 中 


} 。 


首先 , 我 们 创建 颜色 数组 ( 行 {1} )， 并 用 值 white 为 图 中 的 每 个 顶点 对 其 做 初始 化 ， 广度 优 
先 搜索 也 这 么 做 的 。 接 着 ， 对 于 图 实例 中 每 一 个 末 被 访问 过 的 项 点 ( 行 {2} 和 {3}), 我 们 调用 私 
有 的 递归 国 数 afsvisit， 传 递 的 参数 为 顶点 、 颜 色 数 组 以 及 回调 函数 ( 行 14} )。 


当 访 问 u 顶 点 时 , 我 们 标注 其 为 被 发 现 的 (grey 一 一 行 {5} )。 如 采 有 cal1lpack 男 数 的 话 ( 行 
{6} )， 则 执行 该 函数 输出 已 访问 过 的 项 点 。 接 下 来 一 步 是 取得 包含 顶点 u 所 有 邻 点 的 列表 ( 行 
{7} )。 对 于 顶点 u 的 每 一 个 未 被 访问 过 (颜色 为 white 一 一 行 {10} 和 行 {8} ) 的 邻 点 w ( 行 {9} )， 
我 们 将 调用 afsvisit 困 数 , 传递 w 和 其 他 参数 ( 行 111} 一 一 添加 顶点 w 和 人 栈 ,， 这 样 接 下 来 就 能 访 
问 它 )。 最 后 ， 在 该 项 点 和 邻 点 按 深度 访问 之 后 ， 我 们 回 退 ， 意 思 是 该 顶点 已 被 完全 探索 ， 并 将 
其 标注 为 black ( 行 {12} )。 


让 我 们 执行 下 面 的 代码 段 来 测试 一 下 dfs 方 法 : 














graph.dfs (printNode);} 


输出 如 下 : 
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这 个 顺序 和 本 节 开 头 处 示意 图 所 展示 的 一 致 。 下 面 这 个 示意 图 展示 了 该 算法 每 一 步 的 执行 





在 我 们 示例 所 用 的 图 中 ,， 行 14} 只 会 被 执行 一 次 ， 因 为 所 有 其 他 的 顶点 都 有 路 径 到 第 一 个 调 
用 afsVisit 图 数 的 顶点 (顶点 A) 如 打 顶 点 B 第 一 个 调用 因数 ， 则 行 14} 将 会 为 其 他 顶点 再 执行 
一 次 ( 比如 项 后 A )。 


1. 探索 深度 优先 算法 
到 目前 为 止 , 我 们 只 是 展示 了 深度 优先 搜索 算法 的 工作 原理 。 我 们 可 以 用 该 算法 做 更 多 的 事 
情 ， 而 不 只 是 输出 被 访问 顶点 的 顺序 。 


对 于 给 定 的 图 C， 我 们 而 望 这 度 优先 搜索 算法 遍历 图 G 的 所 有 市 点 ， 构 建 “ 和 森林 ”( 有 根 树 的 
一 个 集合 ) 以 及 一 组 源 顶 点 〈 根 )， 并 输出 两 个 数组 : 发 现时 间 和 有 完成 探索 时 间 。 我 们 可 以 修改 
afs 方 法 来 返回 给 我 们 一 些 信息 : 


口 项 点 w 的 发 现时 间 d[u]; 
口 当 顶 点 wu 被 标 注 为 黑色 时 ，w 的 完成 探索 时 间 f[u]; 








口 顶点 2 的 前 漳 点 p[2 


让 我 们 来 看 看 改进 了 的 DFs 方 法 的 实现 : 
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Var time = 0; //{1)} 
this.DFS = function()t 
Var color = jnitializeColor(), //{2} 
d = [], 
f = []， 
p = []; 
tme, E00 
for (var i=0; i<vertices.length; i++){ //{3} 
flvertices[i]] = 0;，; 
d[lvertices[i]] = 0;，} 
plvertices[i]] = null; 
} 
for (i=0; i<vertices.length; i++){ 
if (color[lvertices[1i]] === 'white' 


DFSVisit (vertices[1i], color, 
} 

} 

return { 
discovery: dd, 
finished: f£, 
predecessors: p 


//{4} 


}; 

7 

Var DFSVisit = function(u, color, d, f, p)t 
console.log('discovered ' + Uu); 
color[lu] = 'grey'; 
d[u] = ++time; //{5} 
var neighbors = adjList.get (u); 


for (var 1=0; i<neighbors.1length; 
Var w = neighbors[i]; 
if (color[w]|] === 'white')t 
p[lw] = u; 
DFSVisit (w,color, d, f, p); 
} 
} 
Color [ul = 'black'; 
f[u] = ++time; //{7} 
console.log('explored ' + Uu); 


上 


我 们 需 





要 一 个 


工 + 十 ) { 


变量 来 要 追踪 发 现时 间 和 完成 探索 时 间 (和 


fa BY; 


// {6} 


本 (1} )。 时 间 变 量 不 能 被 作为 参数 





传递 , 因为 非 对 象 的 变量 不 能 作为 引用 传递 给 其 他 JavaScript 方 法 (将 变量 作为 引用 传递 的 意思 是 





如 琳 该 变量 在 其 他 方法 内 部 被 修改 ， 新 值 会 在 原始 ? 


ee ( 行 {2} )。 我们 需要 为 图 的 每 一 个 项 点 来 初始 化 这 些 数组 (和 


这 些 值 ( 行 {4} )， 之 后 我 们 要 用 到 它们 。 





变量 中 反映 出 来 )。 接 下 来 ， 我 们 声明 数组 a、 
了 {3} )。 在 这 个 方法 结尾 处 返 
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当 一 个 顶点 第 一 次 被 发 现时 ， 我们 追踪 其 发 现时 间 ( 行 {5} )。 当 它 是 由 引 目 项 点 u 的 边 而 被 
发 现 的 ， 我 们 追踪 它 的 前 湖 点 ( 行 {6} )。 最 后 ， 当 这 个 顶点 被 完全 探索 后 ， 我 们 追踪 其 完成 时 
间 〈 行 17} )。 

















深度 优先 算法 背后 的 思想 是 什么 ? 边 是 从 最 近 发 现 的 顶点 zx 处 被 问 外 探索 的 。 只 有 连接 到 未 
发 现 的 项 点 的 边 被 探索 了。 当 w 所 有 的 边 痢 被 探索 了 , 该 算法 回 退 到 w 被 发 现 的 地 方 去 探索 其 他 的 
边 。 这 个 过 程 持 续 到 我 们 发 现 了 所 有 从 原始 项 点 能 够 甬 及 的 顶点 。 如 末 还 和 留 有 任何 其 他 未 被 发 现 
的 顶点， 我 们 对 新 源 项 点 重复 这 个 过 程 。 重 复 该 算法 ， 百 到 图 中 所 有 的 顶点 都 被 探索 本 。 


对 于 改进 过 的 深度 优先 搜索 ， 有 两 点 洁 要 我 们 注意 : 

















口 时 间 (time ) 变量 值 的 范围 只 可 能 在 图 项 点 数量 的 一 倍 到 两 信之 间 ; 
口 对 于 所 有 的 项 点 u，d[u]<u] (意味 者 ， 发现 时间 的 值 比 完成 时 间 的 值 小 ， 完 成 时 间 意 思 
是 所 有 顶点 都 已 经 被 探索 过 了 )。 


在 这 两 个 假设 下 ， 我们 有 如 下 的 规则 : 
1 < dlu] </u] < 2|7 


如 采 对 同一 个 图 再 跑 一 遍 新 的 次 度 优先 搜索 方法 , 对 图 中 每 个 顶点 , 我 们 会 得 到 如 下 的 发 现 
/完成 时 间 : 
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但 我 们 能 用 这 些 新 信息 来 做 什么 呢 ? 来 看 下 一 市 。 
2. 拓扑 排序 一 一 使 用 深度 优先 搜索 
给 定 下 图 ， 假 定 每 个 顶点 都 是 一 个 我 们 需要 去 执行 的 任务 : 





亦 写 作 topsort 或 是 toposort )。 在 日 常生 活 中 ， 





这 是 一 个 有 向 图 ， 意 味 着 任务 的 执行 是 有 顺序 的 。 例 女 
A 之 前 执行 。 注 意 这 个 图 没有 环 ， 
图 是 一 个 有 向 无 环 图 (DAG )。 


9.4 图 的 过 历 


2 


， 任 务 F 不 能 在 任务 


ee 





当 我 们 需要 编排 一 些 任务 或 步骤 的 执行 顺序 时 ， 这 称 为 拓扑 排序 (topological sorting， 瑞 文 





这 个 问题 在 不 同情 形 下 部 会 出 现 。 例 如 ， 


当 我 们 开 


台 学 习 一 门 计算 机 科学 许 程 , 在 学 习 茶 些 知识 之 前 得 按 顺 序 完成 一 些 知 识 储备 (你 不 可 以 在 上 算 





法 I 前 先 上 算法 II )。 








当 我 们 在 开发 一 个 项 目 时 ,需要 按 顺 序 执 行 一 些 步 缀 ， 例 如， 首先 我 们 得 从 





客户 那里 得 到 需求 , 接着 开发 客户 要 求 的 东西 , 最 后 交付 项 目 。 你 不 能 先 交 付 项 目 再 去 收集 需求 。 
拓扑 排序 只 能 应 用 于 DAG。 那么 , 如 何 使 用 深度 优先 搜索 来 实现 拓扑 排序 呢 ?” 让 我 们 在 本 市 


开头 的 示意 图 上 执 和 
Graph = new Graph(); 
myVertices = | 
foP (LO0s 


释 


~ 


graph.addVertex (myVertices[1i]); 


} 


graph. 
graph. 
graph. 
graph. 
graph. 
graph. 
Var result = graph.DFS(); 


这 段 代码 将 创建 图 ， 深 加 边 ， 执 


addEdgel(' 
addEdgel(' 
addEdgel(' 
addEdgel(' 
addEdgel(' 
iF!, 


addEdgel( 





了 一 下 深度 优先 搜索 。 


“A 1 1 1 1 1 
i<myVertices.length; i 


OWUHWDD 





ep 





) 
) 
); 
); 
) 
) 





了 改进 版 本 的 深度 优先 搜索 算法 ， 并 将 


i 





量 。 下 图 展示 了 诬 上 度 优 先 搜 索 算 法 执行 后 ， 该 图 的 发 现 和 完成 时 间 。 


吉 果 保存 到 result 
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现在 要 做 的 仅仅 是 以 倒序 来 排序 完成 时 间 数 组 ， 这 便 得 出 了 该 图 的 拓扑 排序 : 











B= A 二 DG 
注音 之 前 的 拓扑 排序 结果 仪 是 多 种 可 能 性 之 一 。 如 果 我 们 稍微 修改 一 下 算法 , 束 会 有 不 同 的 
结 采 ， 比 如 下 面 这 个 结果 也 是 众多 其 他 可 能 性 中 的 一 个 : 











A BB 


这 也 是 一 个 可 以 接受 的 结 采 。 





9.5 ”小结 

本 章 涵 盖 了 图 的 基本 概念 。 我 们 学 习 了 几 种 不 同 的 方式 来 表示 这 一 数据 结构 , 并 实现 了 用 邻 
接 表 表示 图 的 算法 。 你 还 学 到 了 如 何 用 广度 优先 搜索 和 深度 优先 搜索 来 遍历 图 。 本章 还 包括 了 广 
度 优先 搜索 和 深度 优先 搜索 的 两 个 实际 应 用 ,它们 分 别 是 使 用 广度 优先 搜索 来 找到 最 短路 径 ， 以 
及 使 用 深度 优先 搜索 来 做 拓扑 排序 。 

下 一 章 ， 我 们 将 会 学 习 计 算 机 科学 中 最 常用 的 排序 算法 。 























假设 我 们 有 一 个 没有 任何 排列 顺序 的 电话 号 人 码 表 (或 号 码 秒 )。 当 需要 谎 加 联络 人 和 电话 时 ， 
你 只 能 将 其 写 在 下 一 个 空位 上 。 假定 你 的 联系 人 列表 上 有 很 多 人 ,， 某 天 ,你 要 找 采 个 联系 人 及 其 
电话 号码 。 但 是 由 于 联系 人 列表 没有 按照 任何 顺序 来 组 织 , 你 只 能 逐个 检查 ,下 到 找到 那个 你 想 
要 的 联系 人 为 止 。 这 个 方法 太 吓 人 了 , 难道 你 不 这 么 认为 ”想象 一 下 你 要 在 黄页 上 搜寻 一 个 联系 
人 ,但 是 那 本 黄页 没有 进行 任何 组 织 ， 那 得 花 多 久 时 间 啊 ?| 


因此 (还 有 其 他 原因 )， 我 们 需要 组 织 信息 集 ， 比 如 那些 存储 在 数据 结构 里 的 信息 。 排 序 和 
搜索 算法 广泛 地 运用 在 行 解决 的 日 冲 问 题 中 。 本 章 ， 你 会 学 到 最 稼 用 的 排序 和 搜索 算法 。 


























10.1 排序 算法 


从 上 面 的 引言 中 ,你 应 该 理解 ， 对 给 定 信息 得 先 排序 再 搜索 。 本 节 会 介绍 一 些 在 计算 机 科学 
中 最 著名 的 排序 算法 。 我 们 会 从 最 慢 的 一 个 开始 ， 接 着 是 一 些 性 能 较 好 的 算法 。 


在 开始 排序 算法 之 前 ， 我 们 先 创 建 一 个 数组 ( 列表 ) 来 表示 竺 排序 和 搜索 的 数据 结构 。 




















function ArrayList()t 
var array = []; //{1} 


this.insert = function(item){ //{2} 
array .push (item); 


> 


this.toString= function(){ //{3)} 
return array.Join(); 
有 
} 
如 你 所 见 ，ArrayList 是 一 个 人 简单 的 数据 结构 ， 它 将 项 存储 在 数组 中 ( 行 {1} )。 我们 只 需 
要 一 个 插入 方法 来 癌 数 据 结 构 中 添加 元 素 ( 行 {2} )， 用 第 2 章 中 介绍 的 JavaScript Array 类 原生 的 
push 方 法 即 可 。 最 后 ,为 了 帮助 我 们 验证 结果 ,toString 方 法 使 用 JavaScript 原 生 Array 类 的 join 
方法 , 来 拼接 数组 中 的 所 有 元 素 至 一 个 单一 的 字符 串 , 这 样 我 们 就 可 以 轻松 地 在 浏览 硕 的 控制 台 
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输出 结果 了 。 
| join 方法 拼接 数组 元 素 至 一 个 字符 事 ， 并 返回 该 字符 事 。 | 


注意 ArrayList 类 并 没有 任何 方法 来 移 除数 据 或 插入 数据 到 特定 位 置 。 我 们 刻意 保持 简单 是 
为 了 能 够 专注 于 排序 和 搜索 算法 。 所 有 的 排序 和 搜索 算法 会 添加 至 这 个 类 中 。 


我 们 现在 开始 吧 ! 








10.1.1 冒 泡 排序 


人 们 开始 学习 排序 算法 时 ， 通 凋 痢 先 学 肯 泡 算法 ， 因 为 它 在 所 有 排序 算法 中 最 简单 。 然 而 ， 
从 运行 时 间 的 角度 来 看 ， 骨 泡 排序 是 最 差 的 一 个 ， 接 下 来 你 会 知晓 原因 。 


冒 泡 排序 比较 任何 两 个 相 邻 的 项 ， 如 果 第 一 个 比 第 二 个 大 ， 则 交换 它们 。 元素 项 向 上 移动 至 
正确 的 顺序 ， 就 好 像 气 泡 升 至 表面 一 样 ， 骨 泡 排序 因此 得 名 。 


让 我 们 来 实现 一 下 冒 泡 排序 : 


this.bubbleSort = function()t{ 
Var length = array.length; //{1)} 
for (var i=0; i<length; i++)f{ //{2} 
for (var J=0; Jj<length-1; j++ ){ //{3} 
if ‘(arrayld) > rraylitll) lt Yd 
swap (Jj, j+1); A 

















} 
} 
} 

}; 

首 完 ， 声 明 一 个 名 为 length 的 变量 ， 用 来 存储 数组 的 长 度 ( 行 {1} )。 这 一 步 可 选 ， 它 能 帮 
助 我 们 在 行 {2} 和 行 {3} 时 直接 使 用 数组 的 长 度 。 接 着 ,外 循环 ( 行 {2} ) 会 从 数组 的 第 一 位 迭代 
至 最 后 一 位 ， 它 控制 了 在 数组 中 经 过 多 少 轮 排序 ( 应 该 是 数组 中 每 项 都 经 过 一 轮 ， 轮 数 和 数组 长 
度 一 致 )。 然 后 ， 内 循环 将 从 第 一 位 迁 代 至 倒数 第 二 位 ， 内 循环 实际 上 进行 当前 项 和 下 一 项 的 比 
较 ( 行 {4} )。 如 果 这 两 项 顺序 不 对 ( 当前 项 比 下 一 项 大 )， 则 交换 它们 ( 行 {5} )， 意 思 是 位 置 为 
j+1 的 值 将 会 被 换 置 到 位 置 j- 处 ， 反 之 亦 然 。 


现在 我 们 得 声明 swap 函 数 (一 个 私有 后 数 ， 只 能 用 在 ArrayList 类 的 内 部 代码 中 ): 














Var swap = function(indexl, index2)tft 
Var aux = array [indexl1]; 
array [indexl] = array [index2]; 
array [index2] = aux; 
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交换 时 ,我 们 用 一 个 中 间 值 来 存储 菏 一 交换 项 的 值 。 其 他 排序 法 也 会 用 到 这 个 方法 ,因此 我 
们 声明 一 个 方法 放置 这 段 交 换代 码 以 便 重 用 。 


下 面 这 个 示意 图 展示 了 冒 泡 排序 的 工作 过 程 : 


2 国 辆 :|:-， 
| [2 ||1 | s>4, 2 j 国 国 | <; 
4] 国 | 国 ||2 [| s>3, 交 | | :| >>., 
+] 国 国 | ;>2, 1 | 国 国 [|j[; |2<;, 
+ 加 国 ;>1, x [2 本 本 :|]:-， 








国 回 口中” 四 回回 国 国 +… 


;| 国 国 | |; | 4>;， 加 :| :1 :< 
Sa Hes 器 国 国 四 器 :-， 
3 2 | 圈 国 :<-:, 下 [| 国 国 :|:-， 
国 国 四 四 加 :> > 可 回回 国 国 ,-: 
2| 国 国 [4+||; |3>1,x 
该 示意 图 中 每 一 小 段 表 示 外 循环 的 一 轮 ( 行 {2} )， 而 相 邻 两 项 的 比较 则 是 在 内 循环 中 进行 
的 〈 行 13} )。 
我 们 将 使 用 下 面 这 上段 代码 来 测试 冒 泡 排序 算法 ， 看 结果 是 否 和 示意 图 所 示 一 致 : 


function createNonSortedArray (size){ //1{6} 
Var array = new ArrayList();} 














for (var 1 = size; 1> 0; 1i--)f{ 
array.insert ( 工 ) ; 
} 
return array; 


} 


Var array = createNonSortedArray (5); //1{7} 
console.log(array.toString()).; /A {8 
array .bubbleSort () ; A 9} 
console.log(array.toString());} //{10} 


为 了 辅助 测试 本 章 将 要 学 习 的 排序 算法 , 我们 将 创建 一 个 消 数 来 自动 地 创建 一 个 未 排序 的 数 
组 , 数组 的 长 度 由 洱 数 参数 指定 ( 行 {6} ),。 如 果 传 递 5 作 为 参数 , 该 函数 会 创建 如 下 数组 : [5，4 ， 
3，2，11。 调 用 这 个 国 数 并 将 返回 值 存 储 在 一 个 变量 中 ， 该 变量 将 包含 这 个 以 某 些 数字 来 初始 
化 的 ArrayList 类 实例 ( 行 {7} )。 我 们 在 控制 台 上 输出 这 个 数组 内 容 ， 确 保 这 是 一 个 未 排序 数 
组 ( 行 {8} )， 接着 我 们 调用 冒 泡 排 序 方法 ( 行 {9} ) 并 再 次 在 控制 台 上 输出 数组 内 容 以 验证 数组 
已 被 排序 了 ( 行 {10} )。 
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你 可 以 从 书本 的 支持 页 面 (或 GitHub 人 仓库 ) 所 下 载 的 源码 中 找到 完整 的 
ArrayList 源 码 和 测试 代码 ( 市 有 补充 注释 的 )。 











注意 当 算 法 执行 外 循环 的 第 二 轮 的 时 候 ， 数 字 4 和 5 已 经 是 正确 排序 的 了 。 尽 管 如 此 ,在 后 终 
比较 中 , 它们 还 一 直 在 进行 着 比较 ， 即 使 这 是 不 必要 的 。 因 此 ,我 们 可 以 稍稍 改进 一 下 骨 泡 排序 
算法 。 

改进 后 的 冒 泡 排序 

如 采 从 内 循环 减 去 外 循环 中 已 跑 过 的 轮 数 ， 就 可 以 避免 内 循环 中 所 有 不 必要 的 比较 〈 行 
(1 恩 

this.modifiedBubbleSort = function()t 

var length = array.length; 
for (var i=0; i<length; i++)f{ 
for (var J=0; Jj<length-1-1i; j++ ){ //{1} 
if (array[]] > array[jJ+1])t 


swap (Jj, j+1); 
} 


3 
下 面 这 个 示意 图 展示 了 改进 后 的 冒 泡 排 序 算法 是 如 何 执 行 的 : 


:| 2 | s>4, 
4 | | | | s>3, 到 |! | 国 国 | ;>2.x* 
[4|[ :| 辆 辆 | | ;>2, 交 [2 | 辆 贺 刚 网 :>: 


[4 11D 国 国 :> 交 本 天 
5 已 排序 :|| |2>1, 交 


4 这 1 和 2 已 排序 
1 | 4 


;jj 国 国 上 |; 


4 已 排序 








注意 已 经 在 正确 位 置 上 的 数字 没有 被 比较 。 即便 我 们 做 了 这 个 小 改变 , 改进 
了 一 下 冒 泡 排 序 算 法 ， 但 我 们 还 是 不 推荐 该 算法 ， 它 的 复杂 度 是 O(n )。 
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我 们 将 在 下 一 章 对 大 0 表示 法 做 更 多 的 讨论 。 





10.1.2 ”选择 排序 


选择 排序 算法 是 一 种 原址 比较 排序 算法 。 选 择 排序 大 致 的 思路 是 找到 数据 结构 中 的 最 小 值 并 
将 其 放置 在 第 一 位 ， 接 春 找 到 第 二 小 的 值 并 将 其 放 在 第 二 位 ， 以 此 类推 。 


下 面 是 选择 排序 算法 的 源 代码 : 

















this.selectionSort = function()t 
var length = array.length, ad 
indexMin; 
for (var i=0; i<length-1; i++){ //{2} 
indexMin = i; //1{3} 
for (var j=i; j<length; j++)ft //{4} 
if(array [indexMin] >array{[j]){ //{5} 
indexMin = Jj; //{6} 
} 
} 
if (i !== indexMin)tft //{7} 


swap (1i1, indexMin).; 
} 
} 

下 

首先 声明 一 些 将 在 算法 内 使 用 的 变量 ( 行 {1} )。 接 着， 外 循环 ( 行 {2} ) 迭代 数组 ， 并 控制 
渤 代 轮 次 ( 数组 的 第 n 个 值 一 一 下 一 个 最 小 值 ), 我 们 假设 本 迭代 轮 次 的 第 一 个 值 为 数组 最 小 值 ( 行 
{3} )。 然 后 ， 从 当前 i 的 值 开始 至 数组 结束 ( 行 {4} )， 我 们 比较 是 否 位 置 j 的 值 比 当前 最 小 值 小 
( 行 {5} ); 如 果 是 ， 则 改变 最 小 值 至 新 最 小 值 ( 行 {6} )。 当 内 循环 结束 ( 行 {4} ), 将 得 出 数组 第 
7 小 的 值 。 最 后 ， 如 果 该 最 小 值 和 原 最 小 值 不 同 ( 行 {7} )， 则 交换 其 值 。 


用 以 下 代码 段 来 测试 选择 排序 算法 : 








array = createNonSortedArray (5) ; 
Console.log(array.toString());} 
array.selectionSort(); 
console.log(array.toString());} 


下 面 的 示意 图 展示 了 选择 排序 算法 ， 此 例 基 于 之 前 代码 中 所 用 的 数组 。 

数组 底部 的 箭头 指示 出 当前 友 代 轮 寻 找 最 小 值 的 数组 范围 〈 内 循环 14} )， 示 意图 中 的 每 一 
步 则 表示 外 循环 。 

选择 排序 同样 也 是 一 个 复杂 度 为 O0O) 的 算法 。 和 冒 泡 排序 一 样 ， 它 包含 有 内 套 的 两 个 循环 ， 
这 导致 了 二 次 方 的 复杂 度 。 然 而 ， 接 下 来 要 学 的 捅 人 排序 比 选择 排序 性 能 要 好 。 
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寻找 最 小 值 : 1; 交换 5 和 1 
5 | 寻找 最 小 值 : 2; 交换 4 和 2 


寻找 最 小 值 : 3 
寻找 最 小 值 : 
-一 





10.1.3 插入 排序 


插入 排序 每 次 排 一 个 数组 项 , 以 此 方式 构建 最 后 的 排序 数组 。 假定 第 一 项 已 经 排序 了 , 接着 ， 
它 和 第 二 项 进行 比较 , 第 二 项 是 应 该 竺 在 原 位 还 是 捅 到 第 一 项 之 前 呢 ? 这 样 , 头 两 项 就 已 正确 排 
序 ， 接 春 和 第 三 项 比较 〈 它 是 该 插入 到 第 一 、 第 二 还 是 第 三 的 位 置 呢 ? )， 以 此 类 推 。 


下 面 这 段 代 码 表示 搬入 排序 算法 : 




















this.insertionSort = function()t 
Var length = array.length, //{1)} 
,ED 
for (var i=1; i<length; i++)f{ //{2} 
3 多 过 pd 
temp = array[il; //{4} 
while (j>0 && array[j-1] > temp){ //{5} 
人 A 
了 二 
} 
array[J] = temp; //{7} 


} 

}; 

照例 ， 算 法 的 第 一 行 用 来 声明 代码 中 使 用 的 变量 ( 行 {1} )。 接 着 ,迭代 数组 来 给 第 i 项 找到 
正确 的 位 置 ( 行 {2} )。 注 意 ， 算 法 是 从 第 二 个 位 置 ( 索引 1 ) 而 不 是 0 位 置 开始 的 ( 我 们 认为 第 
一 项 已 排序 了 ) 然后， 用 i 的 值 来 初 娘 化 一 个 辅助 变量 ( 行 {3} ) 并 将 其 值 亦 存储 于 一 临时 变量 
中 ( 行 {4} )， 便 于 之 后 将 其 插入 到 正确 的 位 置 上 。 下 一 步 是 要 找到 正确 的 位 置 来 插入 项 目 。 只 
要 变量 j 比 0 大 〈 因 为 数组 的 第 一 个 索引 是 0 一 一 没有 负 值 的 索引 ) 并 且 数 组 中 前 面 的 值 比 待 比较 
的 值 大 ( 行 {5} )， 我们 就 把 这 个 值 移 到 当前 位 置 上 ( 行 {6} ) 并 减 小 j。 最 终 ， 该 项 目 能 插入 到 
正确 的 位 置 上 。 
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下面 的 示意 图 展示 了 一 个 插入 排序 的 实例 : 


加 回国 国 [?2| ;>4, 38 
加 | 国 | 1: ||4 ||2 | 待 插入 5 3 <4, 插入 4 
国 国 [||4 [2 | 3<5, 搬入 | | | | 待 插入 2 

豆 国 国 [4|[2 | 待 插 入 s> 国 国 国 国 国 ;>2, wt 


回国 国 [j[2 |] ;>1, 欣 位 4>2， 换 位 
国 图 | 国 |[4||2| 3>1, 换 位 3 > 2， 换 位 
到 达 索 引 位 置 0， 插 入 1 1 < 播 人 人 
一 贺 国 国 |2| 和 4 


举 个 例子 ,假定 待 排序 数组 是 [3，5，1，4，2]。 这 些 值 将 被 插入 排序 算法 按照 下 面 形容 
的 步 又 进行 排序 。 


(1) 3 已 被 排序 ， 所 以 我 们 从 数组 第 二 个 值 5 开 始 。3 比 5 小 ， 所 以 5 待 在 原 位 ( 数组 的 第 二 位 )。 
3 和 5 排序 完毕 。 


(2) 下 一 个 待 排序 和 插 到 正确 位 置 上 去 的 值 是 1 ( 目前 在 数组 的 第 三 位 )。5 比 1 大 ， 所 以 5 被 移 
至 第 三 位 去 了 。 我 们 得 分 析 1 是 否 应 该 被 插入 到 第 二 位 一 一 1! 比 3 大 吗 ? 不 , 所 以 3 被 移 到 第 二 位 去 
了 。 接 着 ， 我 们 得 证 明 1 应 该 插入 到 数组 的 第 一 位 上 。 因 为 0 是 第 一 个 位 置 量 没有 负数 位 ， 所 以 1 
必须 被 插入 到 第 一 位 。1、3、5 三 个 数字 已 经 排序 。 

(3) 4 应 该 在 当前 位 置 ( 索引 3 ) 还 是 要 移动 到 索引 较 低 的 位 置 上 呢 ?”4 比 5 小 ， 所 以 5 移动 


到 索引 3 位 置 上 去 。 那 么 应 该 把 4 搬 到 索引 2 的 位 置 上 去 吗 ?” 4 要 比 3 大 ， 所 以 4 插入 到 数组 的 位 
置 3 上 。 


(4) 下 一 个 待 插入 的 数字 是 2〈 数 组 的 位 置 4 )。5 比 2 大 ， 所 以 5 移动 至 索引 4。4 比 2 大 ， 所 以 4 
也 得 移动 (位 置 3 )。3 也 比 2 大 , 所 以 3 还 得 移动 。1 比 2 小 , 所 以 2 插入 到 数组 的 第 二 位 置 上 。 至 此 ， 
数组 已 排序 完成 。 


排序 小 型 数组 时 ， 此 算法 比 选择 排序 和 冒 泡 排序 性 能 要 好 。 





























10.1.4 ”归并 排序 


归并 排序 是 第 一 个 可 以 被 实际 使 用 的 排序 算法 。 你 在 本 书 中 学 到 的 前 三 个 排序 算法 性 能 不 
好 ,但 归并 排序 性 能 不 错 ， 其 复杂 上 度 为 O(nlog”)。 
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2 


JavaScript 的 Array 类 定义 了 一 个 sort 函 数 (Array.prototype.sort) 用 

、 ”以 排序 JavaScript 数 组 (我 们 不 必 自 己 实 现 这 个 算法 )。ECMAScript 没 有 定义 用 哪 

个 排序 算法 ， 所 以 浏览 器 厂商 可 以 自行 去 实现 算法 。 例如，Mozilla Firefox 使 用 

归并 排序 作为 Array .prototype.sort 的 实现 , 而 Chrome 使 用 了 一 个 快速 排序 
(下 面 我 们 会 学 习 的 ) 的 变 体 。 














归并 排序 是 一 种 分 治 算法 。 其 思想 是 将 原始 数组 切 分 成 较 小 的 数组 ,直到 每 个 小 数组 只 有 一 
个 位 置 ， 接 着 将 小 数组 归并 成 较 大 的 数组 ， 直 到 最 后 只 有 一 个 排序 完毕 的 大 数组 。 


由 于 是 分 治 法 ， 归 并 排序 也 是 递归 的 : 


this.mergeSort = function()t 

















array = mergeSortRec (array); 


}; 

像 之 前 的 章节 一 样 ， 每 当 要 实现 一 个 递归 术 数 ， 我 们 都 会 实现 一 个 实际 被 执行 的 辅助 玫 数 。 
对 归并 排序 我 们 也 会 这 么 做 。 我 们 将 声明 mergesort 方 法 以 供 随后 使 用 ， 而 mergeSort 方 法 将 
会 调用 mergeSortRec， 该 图 数 是 一 个 递归 男 数 : 





Var mergeSortRec = function(array)t 

var length = array.length; 

if(length === 1) f{ A 
return array; //1{2} 

J 

var mid = Math.floor(length / 2), A 
left = array.slice(0, mid), //{4} 
right = array.slice(mid, length); //{5} 





return merge (mergeSortRec(left), mergeSortRec(right)); //1{6} 
;5 


归并 排序 将 一 个 大 数组 转化 为 多 个 小 数组 下 到 只 有 一 个 项 。 由 于 算法 是 递归 的 , 我 们 需要 一 
个 停止 条 件 ， 在 这 里 此 条 件 是 判断 数组 的 长 度 是 否 为 1( 行 {1} )。 如 采 是 ， 则 直接 返回 这 个 长 度 
为 1 的 数组 ( 行 {2} )， 因 为 它 已 排序 了 。 


如 果 数 组 长 度 比 1 大 ,那么 我 们 得 将 其 分 成 小 数组 ,为 此 ,首先 得 找到 数组 的 中 间 位 ( 行 {3} )， 
找到 后 我 们 将 数组 分 成 两 个 小 数组 ， 分 别 叫 作 1eft ( 行 {4} ) 和 rignt ( 行 {5} )。left 数 组 由 
索引 0 至 中 间 索 引 的 元 素 组 成 ， 而 *ight 数 组 由 中 间 索 引 至 原始 数组 最 后 一 个 位 置 的 元 素 组 成 。 


下 面 的 步骤 是 调用 merge 陶 数 ( 行 {6} ), 它 负 责 合 并 和 排序 小 数组 来 产生 大 数组 ， 直 到 回 到 
原始 数组 并 已 排序 完成 。 为 了 不 断 将 原始 数组 分 成 小 数组 , 我 们 得 再 次 对 1eft 数 组 和 right 数 组 
递归 调用 mergeSsortRec， 并 同时 作为 参数 传递 给 merge 国 数 。 
































var merge = function(left, right)t{ 
var Yesulte = [J;. XA 
Te v0: 
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ir = 0; 


while(il < left.length && ir < right.length) { // {8} 
if(left[il] < right[ir]) { 


result.push(left[il++]); // {9} 
} elsef 
result.push(right[ir++]); // {10} 
} 
} 
while (il1] < left.length)t A 


result.push(left[il++]); 
} 


while (ir < right.length)t ye 2 
result.push (right [ir++] );} 
} 


return resuilt; // {13} 

}; 

merge 上 因数 接受 两 个 数组 作为 参数 ， 并 将 它们 归并 至 一 个 大 数组 。 排 序 发 生 在 归并 过 程 中 。 
首先 , 需要 声明 归并 过 程 要 创建 的 新 数组 以 及 用 来 迭代 两 个 数组 ( left 和 right 数组 ) 所 需 的 两 
个 变量 ( 行 {7} ), 迭 代 两 个 数组 的 过 程 中 ( 行 {8} ), 我 们 比较 来 自 1eft 数 组 的 项 是 否 比 来 自 right 
数组 的 项 小 。 如 果 是 , 将 该 项 从 left 数 组 添加 至 归并 结果 数组 ,并 递增 迭代 数组 的 控制 变量 ( 行 
{9} ); 否则 , 从 right 数 组 添加 项 并 递增 相应 的 迭代 数组 的 控制 变量 ( 行 {10} ), 接 下 来 , 将 left 
数组 或 者 r*ight 数 组 所 有 一 余 的 项 添加 到 归并 数组 中 。 最 后 ， 将 归并 数组 作为 结果 返回 。 


如 果 执 行 nergesS Ort 另 数 , 下 图 是 具体 的 执行 过 程 


el 


l=£t 


DIE 








left right left right left right left right 


le Taln 


right left 
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可 以 看 到 , 算法 首先 将 原始 数组 分 割 下 至 只 有 一 个 元 素 的 子 数组 , 然后 开始 归并 。 归 并 过 程 
也 会 完成 排序 ， 直 至 原始 数组 完全 合并 并 完成 排序 。 





10.1.5 ”快速 排序 


快速 排序 也 许 是 最 常用 的 排序 算法 『。 它 的 复杂 上 度 为 O(nlog”)， 且 它 的 性 能 通 弟 比 其 他 的 复 
杂 度 为 OOxlog)) 的 排序 算法 要 好 。 和 归并 排序 一 样 ， 快 速 排序 也 使 用 分 治 的 方法 ， 将 原始 数组 分 
为 较 小 的 数组 ( 但 它 没 有 像 归 并 排序 那样 将 它们 分 割 开 )。 

快速 排序 比 到 目击 为 止 你 学 过 的 其 他 排序 算法 要 复 淋 一些。 让 我 们 一 步 步 地 来 竺 习 。 

(1) 首先 ， 从 数组 中 选择 中 间 一 项 作为 主 元 。 

(2) 创建 两 个 指针 ， 左 边 一 个 指向 数组 第 一 个 项 ， 右 边 一 个 指向 数组 最 后 一 个 项 。 移 动 左 指 
针 直 到 我 们 找到 一 个 比 主 元 大 的 元 系 ， 接 着， 移动 右 指针 直到 找到 一 个 比 主 元 小 的 元 素 ， 然 后 交 
换 它 们 , 重复 这 个 过 程 ， 直到 左 指针 超过 了 右 指针 。 这 个 过 程 将 使 得 比 主 元 小 的 值 都 排 在 主 元 之 
前 ， 而 比 主 元 大 的 值 都 排 在 主 元 之 后 。 这 一 步 叫 作 划 分 操作 。 

(3) 接 春 ， 算 法 对 划分 后 的 小 数组 〈 较 主 元 小 的 值 组 成 的 子 数 组 ， 以 及 较 主 元 大 的 值 组 成 的 
子 数组 ) 重复 之 前 的 两 个 步 又 ， 下 至 数组 已 完全 排序 。 


让 我 们 开始 快速 排序 的 实现 吧 : 
































this.gquickSort = function()t{ 
aquick(array, 0, array.length - 1); 
站 
就 像 归 并 算法 那样 ， 开始 我 们 声明 一 个 主 方法 来 调用 递归 唤 数 ,传递 待 排 序数 组 ， 以 及 索引 
0 及 其 最 末 的 位 置 ( 因为 我 们 要 排 整 个 数组 ， 而 不 是 一 个 子 数组 ) 作为 参数 。 











Var gquick = function(array, left, right)t 

Var index; //{1} 

if (array.length > 1) { //1{2} 
index = partition(array, left, right); //{3} 
if (left < index - 1) { //{4} 

quick(array, left, index - 1);， //{D5} 

} 
if (index < right) { //{6} 


aquick(array, index, right).; fA {A 
} 
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首先 声明 ingdex ( 行 {1} ), 该 变量 能 帮助 我 们 将 子 数组 分 离 为 较 小 值 数组 和 较 大 值 数 组 ， 这 
样 ， 我 们 就 能 再 次 递归 的 调用 quick 吗 数 了 。partition 也 数 返回 值 将 赋值 给 ingdex ( 行 {3} )。 


如 果 数 组 的 长 度 比 1 大 (因为 只 有 一 个 元 素 的 数组 必然 是 已 排序 了 的 〈 行 42}》 )， 我 们 将 对 给 
定子 数组 执行 partition 操 作 (第 一 次 调用 是 针对 整个 数组 ) 以 得 到 indqex ( 行 {3} )。 如 果子 
数组 存在 较 小 值 的 元 素 ( 行 {4} )， 则 对 该 数组 重复 这 个 过 程 ( 行 {5} )。 同 理 ， 对 存在 较 大 值得 
子 数组 也 是 如 此 ， 如 果 存 在 子 数组 存在 较 大 值 ， 我 们 也 将 重复 快速 排序 过 程 ( 行 {7} )。 

1. 划分 过 程 

现在 ， 让 我 们 看 看 划分 过 程 : 





var partition = function(array, left, right) { 
Var pivot = array [Math.floor((right + left) / 2)], //{8} 
1 eft, //{9} 
了 //{10} 
而 村 二 下 全 < 人 河 人 十 faded 


while (array[i] < pivot) { //{12} 
二 十》 
} 
while (array[]] > pivot) { //{13} 
J 
} 
1 -人 沪 汪 ?名 小 和， 党 六 于 由 村 
swapQuickStort (array, i, JjJ); //{15} 
工 + 十 ， 
本 区 总 
} 
} 
return i; //{16)} 


局 

第 一 件 要 做 的 事情 是 选择 主 元 (pivot )， 有 好 几 种 方式 。 最 简单 的 一 种 是 选择 数组 的 第 一 
项 (最 左 项 )。 然 而 ， 研 究 表明 对 于 几乎 已 排序 的 数组 ， 这 不 是 一 个 好 的 选择 ， 它 将 导致 该 算法 
的 最 差 表 现 。 另 外 一 种 方式 是 随机 选择 一 个 数组 项 或 是 选择 中 间 项 。 在 本 实现 中 , 我 们 选择 中 间 
项 作为 主 元 ( 行 {8} )。 我 们 初始 化 两 个 指针 : left ( 低 一 一 行 {9} ), 初始 化 为 数组 第 一 个 元 素 ; 
行 110} )， 初 始 化 为 数组 最 后 一 个 元 素 。 


只 要 left 和 right 指 针 没 有 相互 交错 ( 行 {11} )， 就 执行 划分 操作 。 首 先 ， 移 动 1eft 指 针 
直到 找到 一 个 元 素 比 主 元 大 ( 行 {12} )。 对 rignt 指 针 ， 我们 做 同样 的 事情 ， 移 动 rignt 指 针 直 
到 我 们 找到 一 个 元 素 比 主 元 小 。 


当 左 指针 指 四 的 元 系 比 主 元 大 且 右 指针 指 回 的 元 系 比 主 元 小 , 并 且 此 时 左 指针 索引 没有 右 指 
针 肥 引 大 ( 行 {14} )， 意思 是 左 项 比 右 项 大 ( 值 比较 )。 我们 交换 它们 ， 然 后 移动 两 个 指针 ， 并 
重复 此 过 程 ( 从 行 {11} 再 次 开始 )。 























i 区 全 有 ( 高 
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在 划分 操作 结束 后 ， 返 回 左 指针 的 索引 ， 用 来 在 行 {3} 人 处 创建 子 数组 。 


swapouickStott 困 数 和 我 们 在 本 章 开 始 处 实现 的 swap 图 数 十 分 相似 。 唯 一 的 不 同 之 处 是 发 
生 交 换 值 的 的 数组 同样 也 是 困 数 的 参数 。 


Var swapQuickStort = function(array, indexl, index2)t{ 
Var aux = array [indexl1]; 


array [index1] array [index2]; 


array [index2] aux; 


小 
2. 快速 排序 实战 
让 我 来 一 步 步 地 看 一 个 快速 排序 的 实际 例子 : 


本 | 本 | 并 | 本 | 本 | 本 | 于 
EE | 四 | 四 | 本 股 轩 大 搬 针 eG) 和 右 拆 bightt) 
会 


Slain lolols 

slain lina 
食 

避 回 目 国 回回 四 ww 


他 0==0，Stop 


也 吕 国 加 口外 和 、 
交换 6 和 2 


会 移动 两 个 指针 
司 回 口 巴 四 器 国 ,~ 46， 移 动 右 指针 
全会 


ee 移动 右 指针 


会 分 停止 并 重新 开始 (从 位 置 0 到 位 置 left_1 








给 定数 组 [3，5，1，6，4，7，2]， 前 面 的 示意 图 展示 了 划分 操作 的 第 一 次 执行 。 
下 面 的 示意 图 展示 了 对 有 较 小 值 的 子 数组 执行 的 划分 操作 (注意 7 和 6 不 包含 在 子 数组 之 内 ): 
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主 元 为 1 
左 指针 left(i) 和 右 指针 right(j) 


3> 1, 停止 左 指针 
> 1, 移动 右 指针 


> 1， 移动 右 指针 


1 一 1， 停止 右 指针 
交换 3 和 1 
移动 指针 

5 > 1， 移 动 右 指针 


1 一 1， 停止 右 指针 
left > right， 停 止 并 重新 开始 
(从 左 指针 位 置 到 位 置 4) 











接着 ,我 们 继续 创建 子 数组 , 请 看 下 图 , 但 是 这 次 操作 是 针对 上 图 中 有 和 较 大 值 的 子 数组 (有 
1 的 那个 较 小 子 数组 不 用 再 划分 ， 因 为 它 仅 含有 一 个 项 )。 


国 和 
省 含 

mal elnlolobss 4 
全 含 


2<3， 停 止 左 指针 移动 


Ee a 





人 3 == 3， | et pointer) 
3==3， 停 旨 j int 
nla| slolnlol ed 
人 会 移动 指针 
医 站 (位 置 从 right 
会 人 多 








子 数组 ( [2，3，5，41] ) 中 的 较 小 子 数组 ( [2，31 ) 继续 进行 划分 (算法 代码 中 的 行 {53 ): 0 
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主 元 为 2 
设置 指针 left(i) 和 right(j) 











2 一 2, 停止 
3 > 2， 移 动 右 指 针 





2 === 2 和 俘 下 
交换 2 和 2 
移动 指针 











左 指针 超过 右 指针 
(从 位 置 3 到 位 置 4) 








然后 子 数组 ( [2，3，5，4] ) 中 的 较 大 子 数组 ( [5，4] ) 也 继续 进行 划分 (算法 中 的 行 
{7} )， 示 意图 如 下 : 
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而 left > right， 停 止 并 重新 开始 











停止 ， 数 组 已 排序 





最 终 ， 较 大 子 数组 [6，7] 也 会 进行 划分 (partition ) 操作 ， 快 速 排序 算法 的 操作 执行 完成 。 





10.2 ”搜索 算法 


现在 ， 让 我 们 来 谈 谈 搜索 算法 。 回 顾 一 下 之 前 章节 所 实现 的 算法 ,我 们 会 发 现 
BinarySearchTree 类 的 search 方 法 (第 8 草 ” 以 及 LinkedList 类 的 ijndex0f 方 法 ( 第 $ 草 
竺 ， 邵 是 搜索 算法 ， 当 然 , 它们 每 一 个 都 是 根据 其 各 目的 数据 结构 来 实现 的 。 所 以 , 我们 已 经 融 
悉 两 个 搜索 算法 了 ， 只 是 还 不 知道 它们 “正式 ”的 名 称 而 已 。 
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10.2.1 顺序 搜索 


顺序 或 线性 搜索 是 最 基本 的 搜索 算法 。 它 的 机 制定 , 将 每 一 个 数据 结构 中 的 元 条 和 我 们 要 找 
的 元 素 做 比较 。 顺 序 搜索 是 最 低 效 的 一 种 搜索 算法 。 


以 下 是 其 实现 : 








this.sequentialSearch = function(item)t 
for (var 1=0; li<array.length; i++){ //{1} 
if (item === arrayl[i]) //{2} 
return i; /3 
} 
} 
return -1; //{4} 
}; 
顺序 搜索 迭代 整个 数组 ( 行 {1} )， 并 将 每 个 数组 元 系 和 搜索 项 作 比 较 〈( 行 12} )。 如 果 搜 索 
到 了 ， 算 法 将 用 返回 值 来 标示 搜索 成 功 。 返 回 值 可 以 是 该 搜索 项 本 身 ， 或 是 true， 又 或 是 搜索 
项 的 索引 (〈 行 13} )。 如 果 没 有 找到 该 项 ， 则 返回 -1 ( 行 {4} )， 表 示 该 索引 不 存在 ; 也 可 以 考虑 


返回 false 或 者 nul1。 
假定 有 数组 [5，4，3，2，1]1 和 竺 搜索 住 3， 下 图 展示 了 顺序 搜索 的 示意 网 : 


查找 数字 3 
5 一 3? 否 , 下 一 个 








4 
3 一 3? 是 的 ， 找 到 了 1 





10.2.2 ”二 分 搜索 
二 分 搜索 算法 的 原理 和 猜 数字 游戏 类 似 ， 就 是 那个 有 人 说 “我 正 想 着 一 个 1 到 100 的 数字 ”的 
游戏 。 我 们 每 回应 一 个 数字 ， 那 个 人 就 会 说 这 个 数字 是 高 了 、 低 了 还 是 对 了 。 
这 个 算法 要 求 被 搜索 的 数据 结构 已 排序 。 以 下 是 该 算法 遵循 的 步 又。 
(1) 选择 数组 的 中 间 值 。 
(2) 如 果 选 中 值 是 待 搜索 值 ， 那 么 算法 执行 完毕 ( 值 找 到 了 )。 0 
(3) 如 果 待 搜索 值 比 选中 值 要 小 ， 则 返回 步骤 1 并 在 选中 值 左 边 的 子 数 组 中 寻找 。 
(4) 如 果 待 搜索 值 比 选中 值 要 大 ， 则 返回 步骤 1 并 在 选 种 值 右边 的 子 数 组 中 寻找 。 























以 下 是 其 实现 : 
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this.binarySearch = function(item)t 
this.gquickSort(); //{1} 
Var low = 0, //1{2} 


high = array.length - 1, //{3} 
mid, element; 


while (low <= high){ //{4} 
mid = Math.floor((low + high) / 2); //{5} 


element = arraylmidl]; //{6} 
if (element < item) f //{7} 
low = miqd + 1; //18} 
} else if (element > item) f{ //1{9} 
high = mid - 1; //{110} 
} else { 
return mid; /A114} 


} 
} 
return -1; //{12} 


开始 前 需要 先 将 数组 排序 ， 我 们 可 以 选择 任何 一 个 在 10.1 节 中 实现 的 排序 算法 。 这 里 我 们 选 
择 了 快速 排序 。 在 数组 排序 之 后 . 我 们 设置 1ow ( 行 {2} ) 和 nigh ( 行 {3} ) 指针 (它们 是 边界 )。 


当 low 比 high 小 时 ( 行 {4} ), 我 们 计算 得 到 中 间 项 索引 并 取得 中 间 项 的 仁 ， 此 处 如 果 1ow 比 
high 大 ， 则 意思 是 该 待 搜索 值 不 存在 并 返回 -1( 行 112} )。 接 着 ， 我们 比较 选中 项 的 值 和 搜索 
值 ( 行 {7} )。 如 果 小 了 ， 则 选择 数组 低 半边 并 重新 开始 。 如 果 选 中 项 的 值 比 搜索 值 大 了 ， 则 选 
择 数 组 高 半边 并 重新 开始 。 知 两 者 都 是 不 是 , 则 意味 着 选中 项 的 值 和 搜索 值 相等 ， 因 此 ， 直 接 返 
回 该 索引 ( 行 {11} )。 


给 定 下 图 所 示 数 组 ， 让 我 们 试 试看 搜索 >。 这 些 是 算法 将 会 执行 的 步 缀 : 


[sll7 ls |ls ls | [ls [2 | | #2 
[121 Es Le 和， ge 
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第 8 草 中 ,我 们 实现 的 BinarySearchTree 类 有 一 个 search 方 法 ,和 这 个 二 分 搜索 完全 一 样 ， 
只 不 过 它 是 针对 树 数 据 结构 的 。 


10.3 ”小结 


本 章 介 绍 了 搜索 和 排序 算法 。 你 学 到 了 骨 泡 、 选 择 、 插 入 、 归 并 以 及 快速 排序 算法 ,它们 有 是 
用 来 排序 数据 结构 的 。 你 还 学 到 了 顺序 搜索 和 二 分 搜索 〈 需要 数据 结构 已 排序 )。 


本 章 中 你 所 掌握 的 方法 可 以 运用 到 任何 数据 结构 或 数据 类 型 上 , 你 只 需 在 源 代码 上 做 一 些 必 
要 的 修改 即 可 。 


下 一 章 ， 你 将 学 习 算 法 中 一 些 更 高 级 的 技术 ， 以 及 本 章 中 提 及 的 大 0 表示 法 。 
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到 现在 为 止 ， 我 们 恰 快 地 学 习 了 不 同 的 数据 结构 的 实现 ， 其 中 包括 第 用 的 排序 和 搜索 算法 。 
算法 和 编程 的 世界 很 有 意思 。 本草 ,你 会 进一步 了 解 这 个 世界 ,并 且 我 们 将 探讨 进一步 深入 其 中 
的 途径 ( 如 果 你 感 兴趣 的 话 )。 














我 们 将 介绍 第 8 草 中 提 到 过 的 递归 。 还 将 学 习 动 态 规划 、 贪 心算 法 ， 以 及 众所周知 的 大 O 表 
示 法 (第 10 革 提 到 过 ) 此 外 ， 我 们 还 会 介绍 如 何 用 算法 娱乐 身心 ， 提 升 我 们 的 知识 水 平 ， 以 达 
到 增强 编程 和 解决 问题 的 能 力 的 目的 。 








11.1 这 归 


递归 是 一 种 解决 问题 的 方法 , 它 解 决 问题 的 各 个 小 部 分 ， 直到 解决 最 初 的 大 问题 。 通 稍 涉 及 
足 数 调用 日 里 。 








能 够 像 下 面 这 样 二 接 调 用 目 且 的 方法 或 吨 数 ， 是 递归 商 数 : 


Var recursiveFunction = function(someParam)t 
recursiveFunction (someParam).; 


3 
能 够 像 下 面 这 样 间接 调用 目 身 的 函数 ， 也 是 递归 六 数 : 


var recursiveFunctionl = function(someParam)t 
recursiveFunction2 (someParam); 

站 

var recursiveFunction2 = function(someParam)t 
recursiveFunction]l (SomeParam) ， 


} 。 


假设 现在 必须 要 执行 recursiveFunction， 结 果 是 什么 ?单单 就 上 述 情况 而 言 ， 它 会 一 直 
执行 下 去 。 因 此 ， 每 个 递归 函数 都 必须 要 有 边界 条 件 ， 即 一 个 不 再 递归 调用 的 条 件 (停止 点 )， 
以 防止 无 限 递归 。 


11.1.1 JavaScript 调用 栈 大 小 的 限制 
如 果 忘 记 加 上 用 以 停止 函数 递归 调用 的 边界 条 件 , 会 发 生 什 么 呢 ? 递归 并 不 会 无 限 地 执行 下 














去 ; 浏览 硕 会 抛 出 错误 ， 也 就 是 所 谓 的 栈 溢出 错误 ( stack overflow error )。 
每 个 浏览 融 都 有 目 己 的 上 限 ， 可 用 以 下 代码 测试 : 
var 1 = 0; 
function recursivern () { 


二 十》 
recursiveFn();， 


} 


种 YE“ 生 
recursiverFn(); 
} catch (ex) { 
alert('i = "+i+ ' error: ' + ex); 

} 

在 Chrome v37 中 ， 这 个 函数 执行 了 20 955 次 ， 而 后 浏览 右 抛 出 错误 RangeFError: Maximum 
call stack size exceeded ( 超 限 错误 : 超过 最 大 调用 栈 大 小 )。Firefox v27 中 ， 扬 数 执行 了 
343 429 次 ， 然 后 浏览 器 抛 出 错误 InternalError: too much recursion (内 部 错误 : 递归 
次 数 过 多 )。 





| 根据 操作 系统 和 浏览 器 的 不 同 ， 具 体 数 值 会 所 有 不 同 ， 但 区 别 不 大 。 | 





ECMAScript 6 有 尾 调 用 优化 ( tail call optimization )。 如 果 也 数 内 最 后 一 个 操作 是 调用 也 数 ( 就 
像 示 例 中 加 粗 的 那 行 )， 会 通过 “ 跳 转 指令 ”( jump ) 而 不 是 “ 子 程序 调用 ”( subroutine call ) 来 
控制 。 也 就 是 说 ， 在 ECMAScript 6 中 ， 这 里 的 代码 可 以 一 直 执 行 下 去 。 所 以 , 具有 停止 递归 的 边 
界 条 件 非常 重要 。 


| 有 关 尾 调用 优化 的 更 多 相关 信息 ， 请 访问 http://go0.gl/ZdTZzg。 | 








11.1.2” 斐 波 那 契 数列 
回 到 第 10 章 提 到 的 斐 波 那 契 问 题 。 斐 波 那 契 数 列 的 定义 如 下 


口 1 和 2 的 斐 波 那 契 数 是 1; 
口 n(n>2 ) 的 斐 波 那 契 数 是 (x-J) 的 斐 波 那 契 数 加 上 (=-2) 的 斐 波 那 契 数 。 


那么 ， 让 我 们 开始 实现 非 波 那 契 函 数 : 
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function filbonacci (num) { 
if (num === 1 || num === 2){ //{1} 
return 工 ; 
} 
} 


边界 条 件 是 已 知 的 ，1 和 2 的 斐 波 那 契 数 ( 行 11} ) 是 1。 现 在 ， 让 我 们 完成 斐 波 那 契 函数 的 
实现 : 





function fibonacci (num) { 
EE (NUm 三 三 三 On 三 三 三 人) A 
return 工 ; 
} 
return fibonacci (num - 1) + fibonacci (num - 2);，; 


} 


我 们 已 经 知道 ， 当 nn 大 于 2 时 ，Fibonacci(n) 等 于 Fibonacci(n--1)+Fibonacci(n-2)。 


现在 ， 斐 泊 那 自 函数 实现 完毕 。 让 我 们 试 者 找 出 6 的 斐 波 那 契 数 ， 其 会 产生 如 下 邓 数 调用 : 





me Em 


交加 国医 
加 加 四 (9 to 
加 or 


我 们 也 可 以 用 非 递归 的 方式 实现 斐 波 那 契 函数 : 





function fib(num)t 





| 
7 汪 7 
和 由 
for (var 1 = 3; i<=num; 1i++){ 
n = nl + n2; 
.> TI 
条 入 ,> 


return 


DD 
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为 何 用 递归 呢 ? 更 快 吗 ? 递归 并 不 比 普通 版 本 更 快 , 反倒 更 慢 。 但 要 知道 , 递归 更 容易 理解 ， 
并 且 它 所 需 的 代码 量 更 少 。 


ECMAScript 6 中 ， 因 为 尾 调 用 优化 的 缘故 ,递归 并 不 会 更 慢 。 但 是 在 其 他 语 
~ 言 中 ， 递归 通常 更 慢 。 


所 以 ， 我 们 用 递归 ， 通 稼 是 因为 它 更 容易 解决 问题 。 


11.2 ”动态 规划 


动态 规划 ( Dynamic Programming，DP ) 是 一 种 将 复杂 问题 分 解 成 更 小 的 子 问 题 来 解决 的 优 
化 技术 。 


本 书 之 前 提 到 过 几 次 劲 态 规划 技术 。 用 动态 规划 解决 的 一 个 问题 是 第 9 章 中 的 座 度 优 匈 搜索 。 








要 注意 动态 规划 和 分 而 治之 ( 归并 排序 和 快速 排序 算法 中 用 到 的 那 种 ) 是 不 
同 的 方法 。 分 而 治之 方法 是 把 问题 分 解 成 相互 独立 的 子 问题 ,然后 组 合 它们 的 答 
人生， 而 动态 规划 则 是 将 问题 分 解 成 相互 依赖 的 子 问 题 。 


为 一 个 例子 是 上 一 广 解 决 的 韭 波 那 契 问题 ,我 们 将 辈 波 那 契 问题 分 解 成 如 该 三 图 示 的 小 问题 。 
用 动态 规划 解决 问题 时 ， 要 这 循 三 个 重要 步 又 : 

(1) 定义 子 问题 ; 

(2) 实现 要 反复 执行 而 解决 子 问题 的 部 分 (这 一 步 要 参考 前 一 他 讨论 的 递归 的 步 又 ) 

G) 识别 并 求解 出 边界 条 件 。 


能 用 动态 规划 解决 的 一 些 著 名 的 问题 如 下 。 


口 背包 问题 ; 给 出 一 组 项 目 ， 各 目 有 值 和 容量 ， 目 标 是 找 出 总 值 最 大 的 项 目的 集合 。 这 个 
问题 的 限制 是 ， 总 容量 必须 小 于 每 于 “背包 ”的 容量 。 

口 最 长 公共 子 序列 : 找 出 一 组 序列 的 最 长 公共 子 序列 〈 可 由 兄 一 序列 删除 元 素 但 不 改变 余 
下 元 素 的 顺序 而 得 到 )。 

口 矩阵 链 相 条: 给 出 一 系列 算 阵 ， 目 标 是 找到 这 些 和 矩阵 相 乘 的 最 高 效 办 法 〈 计 算 次 数 尽 可 
能 少 )， 相 乘 操 作 不 会 进行 ， 解 决 方案 是 找到 这 些 怎 阵 各 目 相 乘 的 顺序 。 

口 硬币 找 零 : 给 出 面额 为 0…d 的 一 定数 量 的 硬币 和 要 找 零 的 钱 数 ， 找 出 有 多 少 种 找 零 的 



































方法 。 
口 图 的 全 源 最 短路 径 : 对 所 有 顶点 对 (u,v)， 找 出 从 顶点 u 到 顶点 v 的 最 短路 径 。 





接 下 来 的 例子 ， 涉 及 人 硬币 找 零 问题 的 一 个 变种 。 
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最 少 硬币 找 零 问题 


最 少 便 币 找 零 问题 是 使 币 找 零 问 题 的 一 个 杰 种 。 硬 币 找 零 问题 是 给 出 要 找 零 的 钱 数 ， 以 及 可 
用 的 人 硬币 面额 4d1…q, 及 其 数量 , 找 出 有 多 少 种 找 零 方法 。 最 少 便 币 找 零 问题 是 给 出 要 找 零 的 钱 数 ， 
以 及 可 用 的 人 硬币 面额 由 … 四 及 其 数量 ， 找 到 所 需 的 最 少 的 使 币 个 数 。 


例如 ， 美 国有 以 下 面额 ( 便 币 ): qd1=1,， 4d;=5，qds3=10，4ds=25。 








如 果 要 找 36 美 分 的 零钱 ， 我 们 可 以 用 1 个 2$ 美 分 、1 个 10 美 分 和 1 个 便士 (1 美 分 )。 
如 何 将 这 个 解答 转化 成 算法 ? 





最 少 便 币 找 零 的 解决 方案 是 找到 z 所 需 的 最 小 便 币 数 。 但 要 做 到 这 一 点 ， 首 先 得 找到 对 每 个 
Xx<n 的 解 。 然 后 ， 我 们 将 解 建立 在 更 小 的 值 的 解 的 基础 上 。 





来 看 看 算法 : 
function MinCoinChange (coins)t{ 
Var coins = coins; //1{1} 
var cache = {}; //1{2} 
this.makeChange = function(amount) f{ 
var me = this; 


if (!amount) { //{3} 
return [|]; 

} 

if (cache [amount]) { //{4} 
return cachelamountl]; 


} 


Var min = [], newMin, newAmount; 
for (var 1i=0; i<coins.length; i++){ //{5} 
var coin = coins[1i]; 
newAmount = amount - coin; //{6} 
1if (newAmount >= 0)f{ 
newMin = me.makeChange (newAmount); //{7} 
} 
jE 
newAmount >= 0 && //{8} 
(newMin.length < min.length-1 || !min.length)//{9} 
&& (newMin.length || InewAmount) //{10} 
) { 
min = [coin] .concat (newMin); //{11} 
Console.log('new Min ' + min + ' for ' + amount).; 
} 
} 
return (cache[lamount] = min); //{12} 


} 


为 了 更 有 条 理 , 我 们 创建 了 一 个 类 ,解决 给 定 面额 的 最 少 硬币 找 零 问题 。 让 我 们 一 步 步 解读 
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议和 

MinCoinChange 类 接收 coins 参 数 ( 行 {1} )， 代表 问题 中 的 面额 。 对 美国 的 硬币 系统 而 言 ， 
它 是 [1,，5，10，25] 。 我 们 可 以 随心 所 欲 传 递 任 何 面额 。 此 外 ， 为 了 更 加 高 效 且 不 重复 计算 值 ， 
我 们 使 用 了 cache ( 行 {2} )。 


接 下 来 是 makechange 方 法 ， 它 也 是 一 个 递归 了 哨 数 ， 找 零 问 题 由 它 解决 。 首 先 ， 大 amount 
不 为 正 (<0 )， 就 返回 空 数 组 ( 行 {3} ); 方法 执行 结束 后 ， 会 返回 一 个 数组 ， 包 含 用 来 找 零 的 各 
个 面额 的 硬币 数量 ( 最 少 硬 币 数 )。 接 着 ， 检 查 cache 绥 存 。 若 结果 已 缓存 ( 行 {4} )， 则 直接 返 
回 结果 ; 和 否则， 执行 算法 。 


我 们 基于 coins 参 数 ( 面额 ) 解 决 问 题 。 因 此 , 对 每 个 面额 ( 行 {5} ), 我 们 都 计算 newAmount 
( 行 {6} ) 的 值 , 它 的 值 会 一 直 减 小 , 百 到 能 找 零 的 最 小 钱 数 ( 别 忘 了 本 算法 对 所 有 的 x < amount 
都 会 计算 makechange 结 果 ), 各 newamount 是 合理 的 值 ( 正 值 ), 我 们 也 会 计算 它 的 找 零 结果 ( 行 
C7 


最 后 ， 我 们 判断 newamount 是 否 有 效 ，minvValue (最 少 便 币 数 ) 是 否 是 最 优 解 ， 与 此 同时 
minValue 和 newAmount 是 否 是 合理 的 值 ( { 行 10} )。 寿 以 上 判断 都 成 立 ， 意 味 春 有 一 个 比 之 前 
更 优 的 答案 〈 行 111}， 以 $ 美 分 为 例 , 可 以 给 5 便士 或 者 1 个 $ 美 分 铀 币 ，!1 个 5 美 分 铀 币 是 最 优 解 )。 
最 后 ， 返 回 最 终结 果 ( 行 {12} )。 


测试 一 下 这 个 算法 : 


var minCoinChange = new MinCoinChange([1, 5, 10, 25]); 
console.log (minCoinChange.makeChange (36)); 


要 知道 ， 如 果 我 们 检查 cache 变 量 ， 会 发 现 它 存储 了 从 1 到 36 美 分 的 所 有 结果 。 以 上 代码 的 
结果 是 [1，10，25]。 


本 书 的 源码 中 会 有 几 行 多 余 代 码 ， 输 出 算法 的 步骤 。 例 如 ， 使 用 面额 L1，3 ，4] ， 并 对 钱 数 
6 执行 算法 ， 会 产生 以 下 输出 : 





























new Min 1 for 1 

new Min 1,1 for 2 
new Min 1,1,1 for 3 
new Min 3 for 3 

new Min 1,3 for 4 
new Min 4 for 4 

new Min 1,4 for 5 
new Min 1,1,4 for 6 
new Min 3,3 for 6 




















所 以 ， 找 雪 钱 数 为 6 时 ， 最 佳 答 案 是 两 枚 价值 为 3 的 硬币 。 
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11.3 ”贪心 算法 


贫 心 萌 法 遭 循 一 种 近似 解决 问题 的 技术 ， 期 盼 通过 每 个 阶段 的 局 部 最 优选 择 〈 当前 最 好 的 
解 )， 从 而 达到 全 局 的 最 优 ( 全 局 最 优 解 )。 它 不 像 动态 规划 那样 计算 更 大 的 格局 。 


我 们 使 用 上 一 节 中 的 同一 个 题目 ， 以 便 看 到 区 别 。 











最 少 人 硬币 找 零 问题 

最 少 硬币 找 零 问题 也 能 用 贪心 算法 解决 ,大 部 分 情况 的 结果 是 最 优 的 ,不 过 对 有 些 面额 而 言 ， 
结果 不 会 是 最 优 的 。 

来 看 看 算法 : 


function MinCoinChange (coins)t{ 








Var coins = coins; //{1} 
this.makeChange = function(amount) f{ 
Var change = [], 
LOEaL. S03 
for (var i=coins.length; 1i>=0; 1i--){ //{2} 
Var coin = coins[1i]; 





while (total + coin <= amount) { //{3} 
change .push (coin).; //1{4} 
total += coin; //{5} 
} 
} 


return change; 


} 

不 得 不 说 信心 版 本 的 Mincoinchange 比 DP 版 本 的 简单 多 了 。 和 和 动态 规划 方法 相似 ， 我 们 传 
递 面额 参数 ， 实 例 化 Mincoinchange ( 行 {1} )。 

对 每 个 面额 ( 行 {2} 从 大 到 小 ), 把 它 的 值 和 total 相 加 后 , total 需要 小 于 amount ( 行 
{3} )。 我 们 会 将 当前 面额 coin 添 加 到 结果 中 ( 行 {4} )， 也 会 将 它 和 total 相 加 (〈 行 15} )。 

如 你 所 见 ， 这 个 解法 很 简单 。 从 最 大 面额 的 硬币 开始 ,， 拿 尽 可 能 多 的 这 种 便 币 找 零 。 当 无 法 

拿 更 多 这 种 价值 的 硬币 时 ， 开 始 拿 第 二 大 价值 的 人 硬币， 依次 继续 。 
用 和 DP 方 法 同样 的 测试 代码 测试 : 


var minCoinChange = new MinCoinChange([1, 5, 10, 25]); 
console.1log (minCoinChange.makeChange (36)); 


结果 依然 是 [25，10，1] ， 和 用 DP 得 到 的 一 梓 。 下 图 阐释 了 算法 的 执行 过 程 : 


然而 ， 如 果 用 [1，3，4] 面 额 执行 贪心 算法 ， 会 得 到 结果 [4，1，1]。 如 果 用 动态 规划 的 
解法 ， 会 得 到 最 优 的 结果 [3，3]。 
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30—23= 11] (zs) 














比 起 动态 规划 算法 而 言 ， 贫 心算 法 更 价 单 、 更 快 。 然 而 ， 如 我 们 所 见 ， 它 并 不 总 是 得 到 最 优 
答案 。 但 是 综合 来 看 ， 它 相对 执行 时 间 来 说 ， 输 出 了 一 个 可 以 接 爱 的 解 。 














11.4 大 O 表示 法 
第 10 草 引入 了 大 O 表 示 法 的 概念 。 它 的 确切 含义 是 什么 ?” 是 描述 算法 的 性 能 和 复杂 程度 。 





分 析 算 法 时 ， 时 第 遇 到 以 下 几 类 隐 数 : 


符 号 名 称 
O(1) 负数 的 
O(log(n)) 对 数 的 
O((log(n))e) 对 数 多 项 式 的 
O(n) 线性 的 

O(n") 二 次 的 
O(n') 多 项 式 的 
O(c’) 站 数 的 


11.4.1 理解 大 O 表示 法 


如 何 衡量 算法 的 效率 ?通常 是 用 资源 ,例如 CPU ( 时间 ) 占用 、 内 存 占 用 、 硬 盘 占用 和 网 络 
占用 。 当 讨论 大 O 表 示 法 时 ， 一 般 考 虑 的 是 CPU ( 时 间 ) 占用 。 


让 我 们 试 着 用 一 些 例 子 来 理解 大 0 表示 法 的 规则 。 








1. O(1) 
考虑 以 下 孙 数 : 


function increment (num)t 
return ++num; 





} 
假设 运行 increment (1) 函数 ， 执 行 时 间 等 于 XX。 如 果 再 用 不 同 的 参数 ( 例如 2 ) 运行 一 次 [5 
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increment 隐 数 ， 执行 时 间 依 然 是 X¥。 和 参数 无 天 ，increment 也 数 的 性 能 都 一 样 。 因 此 ， 我 们 
说 上 述 函 数 的 复杂 度 是 O(1)( 常数 )。 


2. O(n) 
现在 以 第 10 章 中 实现 的 顺序 搜索 算法 为 例 : 


function sequentialSearch(array, item)t 





for (var i=0; i<array.length; i++)f{ 
if (item === array[i]){ //{1} 
return 工 ; 
} 
TE = 


} 

如 果 将 含 10 个 元 素 的 数组 ( [1，...，10] ) 传递 给 该 函数 ， 假 如 搜索 1 这 个 元 素 ， 那 么 ， 
第 一 次 判断 时 就 能 找到 想 要 搜索 的 元 素 。 在 这 里 我 们 假设 每 执行 一 次 行 {1} ， 开 销 是 1。 

现在 ， 假 如 要 搜索 元 素 11。 行 {1} 会 执行 10 次 ( 遍历 数组 中 所 有 的 值 ， 并 且 找 不 到 要 搜索 的 
元 素 ， 因 而 结果 返回 -1 )。 如果 行 {1} 的 开销 是 1， 那么 它 执行 10 次 的 开销 就 是 10，10 倍 于 第 一 种 
假设 。 

现在 ， 假 如 该 数组 有 1000 个 元 素 ( [1，. ..，1000] )。 搜索 1001 的 结果 是 行 {1} 执 行 了 1000 
次 ( 然后 返回 -1 )。 


注意 ，sequentialSearch 图 数 执行 的 总 开销 取决 于 数组 元 素 的 个 数 (数组 大 小 )， 而 且 也 
和 搜索 的 值 有 关 。 如 果 是 查找 数组 中 存在 的 值 ， 行 {1} 会 执行 几 次 呢 ?” 如 果 查 找 的 是 数组 中 不 存 
在 的 伸 ， 那 么 行 {1} 就 会 执行 和 数组 大 小 一 样 多 次 ， 这 就 是 通常 所 说 的 最 坏 情 况 。 


最 坏 情 况 下 ， 如 果 数 组 大 小 是 10， 开销 就 是 10; 如 果 数 组 大 小 是 1000， 开销 就 是 1000。 可 以 
得 出 sequentialSearch 了 哨 数 的 时 间 复 杂 度 是 O(n), n 是 (输入) 数组 的 大 小 。 
回 到 之 前 的 例子 ， 修 改 一 下 算法 的 实现 ， 使 之 计算 开销 : 


function sequentialSearch(array, item)t 




















Var cost = 0; 

for (var i=0; i<array.length; i++)f{ 
Cost++; 
if (item === array[i]){ //{1} 


return 工 ; 
} 
} 
console.log('cost for sequentialSearch with input size ' + array.length + ' is ' 
+ Cost);} 
return -1; 


) 
用 不 同 大 小 的 输入 数组 执行 以 上 算法 ， 可 以 看 到 不 同 的 输出 。 
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3. O(n’) 
用 冒 泡 排序 做 O(x ) 的 例子 : 


function swap (array, indexl, index2)tft 
Var aux = array [indexl1]; 
array [indexl] = array [index2]; 
array [index2] 


aux; 
} 
function bubbleSort (array)t 

var length = array.length; 

for (var i=0; i<length; i++)f{ //{1} 

for (var j=0; j<length-1; j++ ){ //{2} 
if (array[]] > array[jJ+1])t 
swap (array, J, J+1); 


| 


} 
假设 行 {1} 和 行 {2} 的 开销 分 别 是 1。 修 改 算法 的 实现 使 之 计算 开销 : 


function bubbleSort (array)t{ 
var length = array.length; 


Var cost = 0; 
for (var i=0; i<length; i++){ //{1} 
COost++; 
for (var J=0; Jj<length-1; j++ ){ //{2} 
Cost++; 


if (array[]] > array[jJ+1])t 
swap (array, J, J+1); 
} 
} 
} 
console.log('cost for bubbleSort with input size ' + length + ' is 
' + Cost); 


) 
如 果 用 大 小 为 10 的 数组 执行 bupblesort， 开销 是 100( 10* )。 如 果 用 大 小 为 100 的 数组 执 


行 bubblesort ， 开 销 就 是 10 000 ( 100” )。 需 要 注意 ， 我 们 每 次 增加 输入 的 大 小 ， 执 行 都 会 越 
来 越久 。 





时 间 复 杂 度 O(n) 的 代码 只 有 一 层 循 环 ， 而 O(n ) 的 代码 有 双 层 说 套 循环 。 如 
果 算 法 有 三 层 遍历 数组 的 谋 套 循环 ， 它 的 时 间 复 杂 度 很 可 能 就 是 O(n )。 





11.4.2 ”时 间 复 杂 度 比较 
下 图 比较 了 前 述 各 个 大 O 符 号 表示 的 时 间 复 杂 度 : 
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大 0 符号 表示 的 时 间 复 杂 度 


加 0() 

国 O(logn) 
On) 
O(nlogn) 

国 O(n’) 
O(2") 





这 个 图 表 是 用 JavaScript 绘 制 的 哦 ! 在 本 书 示例 代码 中 ， 你 可 以 到 Chapterll 
下 的 bigOChart 目 录 中 找到 绘制 本 图 表 的 源 代码 。 





在 附录 中 ， 你 可 以 找到 本 书 实现 的 所 有 算法 的 时 间 复 杂 度 的 速 查 表 。 


11.5 “用 算法 娱乐 身心 
我 们 学 习 算 法 并 不 单单 是 因为 它 是 大 学 必修 课 , 也 不 单单 是 因为 我 们 想 成 为 开发 者 。 通过 用 
在 本 书 中 学 到 的 算法 来 解决 问题 ， 我 们 可 以 提高 解决 问题 的 能 力 ， 进 而 成 为 更 棱 的 专业 人 土 。 
增长 ( 解 题 ) 知识 的 最 好 方式 是 练习 ， 而 练习 不 一 定 是 枯燥 的 。 本 市 将 展示 一 些 网 站 ， 你 可 
以 访问 它们 并 尝试 从 算法 中 获 到 快乐 ( 其 至 小 赚 一 笔 )。 


这 里 列 出 一 些 有 用 的 网 站 ( 有些 不 支持 用 JavaScript 提 交 解 答 , 但 是 我 们 依然 可 以 将 从 本 书 中 
所 学 到 的 逻辑 应 用 到 其 他 语言 上 )。 


口 UVa Online Judge ( http://uva.onlinejudge.org/ ): 这 个 网 站 包含 了 世界 各 大 赛事 的 题目 ， 
包括 由 IBM 赞 助 的 ACM 国 际 大 学 生 程 序 苑 赛 (ICPC。 奋 你 依然 在 校 ， 应 尽量 参与 这 项 赛 
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事 ,， 如 采 团 队 获 胜 , 则 有 可 能 免费 至 受 一 次 国际 旅行 ),。 这 个 网 站 包括 了 成 百 上 千 的 题目 ， 
可 以 应 用 本 书 所 学 的 算法 。 

口 Sphere Online Judge ( http:/www.spoj.com/ ): 这 个 网 站 和 UVa Online Judge 差 不 多 ， 但 文 
持 用 更 多 语言 解 题 ( 包括 J avaScript )。 

口 Coder Byte ( http://coderbyte.com/ ): 这 个 网 站 包含 了 74 个 可 以 用 JavaScript 解 答 的 题目 (人 简 
单 、 中 等 难度 和 非常 困难 )。 

口 Project Euler ( https://projecteuler.net/ ): 这 个 网 站 包含 了 一 系列 数学 /计算 机 的 编程 题目 。 
你 所 要 做 的 就 是 输入 那些 题目 的 答案 ， 不 过 我 们 可 以 用 算法 来 找到 正确 的 解答 。 

口 Hacker Rank (https:/www.hackerrank.com ): 这 个 网 站 包含 了 263 个 挑战 ， 分 为 16 个 类 别 
( 可 以 应 用 本 书 中 的 算法 和 更 多 其 他 算法 )。 它 也 支持 JavaScript 和 其 他 二 言 。 

口 Code Chef ( http:/www.codechef.com/ ): 这 个 网 站 包含 一 些 题 目 ， 并 会 举办 在 线 比赛 。 

口 Top Coder ( http://www.topcoder.com/ ): 此 网 站 会 举办 算法 联赛 ， 这 些 联赛 通 名 由 NASA、 
Google、Yahoo!、Amazon 和 Facebook 这 样 的 公司 赞助 。 参 加 其 中 一 些 赛 事 ， 你 可 以 获得 
到 赞助 公司 工作 的 机 会 ， 而 参与 另 一 些 赛事 会 必得 奖金 。 这 个 网 站 也 提供 很 棒 的 解 题 和 
算法 教程 。 


以 上 网 站 的 另 一 个 好 处 是 , 它们 通 稼 给 出 的 是 真实 世界 中 的 问题 ， 而 我 们 需要 鉴别 用 哪 一 个 
算法 解决 它 。 通过 这 样 的 方式 也 能 让 我 们 明白 本 书 中 的 算法 并 非 局 限于 学 术 , 而 是 能 应 用 到 现实 
问 题 上 O 

如 果 你 想 从 事 技术 工作 ， 强 烈 推 荐 你 创建 一 个 免费 的 GitHub ( https://github.com ) 账号 ， 你 


可 以 将 上 述 网 站 的 解答 代码 提交 上 去 。 如 果 你 没有 任何 专业 经 验 ， GitHub 可 以 帮助 你 建立 一 个 作 
品 集 ， 还 会 对 你 找到 第 一 份 工作 用 助 ! 
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本 章 进 一 步 学 习 了 递归 ， 以 及 它 在 用 动态 规划 解 题 时 的 应 用 。 此 外 , 我 们 还 学 习 了 贪心 算法 
的 相关 知识 。 


我 们 介绍 了 大 O 表 示 法 ， 以 及 如 何 运 用 它 计 算 算 法 的 时 间 复 杂 度 。 
并 


为 外 我 们 还 列 出 了 一 些 网 站 。 你 可 以 免费 注册 这 些 网 站 ,并 应 用 你 从 本 书 中 学 到 的 知识 ,其 
至 还 可 能 得 到 第 一 份 IT 行 业 的 工作 | 


编程 快乐 ! 




















本 书 中 实现 了 一 些 算法 ， 本 附录 罗列 了 它们 的 时 间 





第 用 的 数据 结构 。 下 表 是 它们 插入 、 








第 9 章 提 到 两 种 表示 图 的 方式 。 
其 增加 顶点 、 增 加 边 、 


节点 / 边 的 管理 方式 








利用 的 排序 算法 , 以 下 是 它们 在 最 好 、 


时 间 复 杂 上 度 速 查 表 


插入 
O(1) 
O(1) 
O(1) 
O(n) 


O(n) 


删除 项 点 
O(VIE) 


复杂 度 ， 用 大 O 符 号 表示 。 


除 和 搜索 操作 的 时 间 复 


最 差 情况 
删除 


O(1) 
O(1) 
O(1) 
O(n) 


O(n) 


下 表 分 别 列 出 了 使 用 这 两 种 方式 时 ， 图 的 存储 空 
删除 项 点、 删除 边 、 查 找 项 点 的 时 间 复 杂 度 : 


删除 边 
OUE)) 
O(1) 


- 般 和 最 差 的 情况 下 的 时 间 


洒 度 : 


搜索 
O(n) 
O(n) 
O(n) 
O(n) 


O(n) 


3 间 大 小 ， 


询 


OUV|) 
O(1) 


复杂 度 : 


算法 〈 用 于 数组 ) 


选择 提 
插入 排序 
归并 排序 
快速 排序 


本 


A.4 ”搜索 算法 


下 表 整 理 了 本 书 中 的 搜索 算法 的 时 间 复 杂 度 ， 包 括 图 的 遍历 算法 : 


算 法 
顺序 搜索 
二 分 搜索 
深度 优先 搜索 (DPS) 
广度 优先 搜索 (BFS) 


附录 A ”时间 复杂 度 速 查 表 


时 间 复 杂 度 
最 好 情况 一 般 情 况 
O(n) O(n’) 
O(n’) O(n’) 
O(n) O(n’) 
O(nlog(n)) O(nlog(n)) 
O(nlog(n)) O(nlog(n)) 





数据 结构 
数组 和 链表 
排 好 序 的 数组 或 二 分 搜索 树 
IV 为 项 反而 EE| 为 边 的 
IV 为 项 反而 EE| 为 边 的 


最 差 情况 


O(n’) 
O(n’) 


O(n’) 


O(nlog(n)) 


O(n’) 


最 差 情况 
O(n) 

O(log(n)) 
O(VIHIE) 
O(VIE) 
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turingbooks ituring_interview 








数据 结构 是 计算 机 为 了 高 效 地 利用 资源 而 组 织 数据 的 一 种 方式 。 数 据 结 构 和 算法 是 解决 一 切 编程 问题 的 
基础 。 

本 书 首先 介绍 了 JavaScript 语 言 的 基础 知识 ， 接 着 讨论 了 数组 、 队 列 、 栈 和 链表 等 最 重要 的 数据 结构 ， 
接 下 来 深入 分 析 了 散 列 表 、 字 典 和 集合 的 工作 原理 ， 然 后 阐述 了 什么 是 树 以 及 如 何 使 用 二 叉 树 和 二 叉 搜索 
树 。 之 后 ， 你 还 会 学 到 图 、DFS 和 BFS 算 法 ， 学 会 如 何 区 分 顺序 搜索 、 二 分 搜索 、 快 速 排序 、 冒 泡 排序 等 各 
种 搜索 和 排序 算法 ， 以 及 如 何 实现 它们 。 本 书 最 后 还 介绍 了 动态 规划 和 贪心 算法 等 高 级 算法 。 

如 果 你 是 一 名 JavaScript 开 发 者 或 者 具备 JavaScript 的 基础 知识 ， 并 且 想 探索 它 的 最 佳能 力 ， 这 本 快 节奏 
的 书 绝对 适合 你 。 要 开始 享受 算法 的 乐趣 ， 你 只 需要 了 解 编程 逻辑 。 


你 将 从 本 书 中 学 到 : 
在 数组 、 栈 和 队列 中 声明 、 初 始 化 、 添 加 和 删除 元 素 ; 
创建 和 使 用 最 复杂 的 数据 结构 一 一 图 ， 以 及 DFS 和 BFS 算 法 ; 
链表 、 双 向 链表 和 循环 链表 的 作用 ; 
用 散 列 表 、 字 典 和 集合 存储 不 重复 的 元 素 ; 
二 叉 树 和 二 叉 搜 索 树 的 应 用 ; a 
>》 使 用 冒 泡 排序 、 选 择 排 序 、 插 入 排序 、 归 并 排序 和 快速 排序 : 
算法 ， 对 数据 结构 排序 ; 
>》 使 用 顺序 搜索 和 二 分 搜索 ， 搜 索 数据 结构 中 的 元 素 ; 
理解 大 OO 表示 法 、 动 态 规 划 和 贪 梦 算法 的 重要 性 。 











ISBN 978-7-115-40414-5 
川 册 
分 类 建议 计算 机 / Web 开 发 JavaScript 人 A 
站 定价 : 39.00 元 





看 完了 


如 果 您 对 本 书 内 容 有 疑问 ， 可 发 邮件 至 contact@turingbook.com ， 会 有 编辑 或 作 译 者 协助 
答疑 。 也 可 访问 图 灵 社 区 ， 参 与 本 书 讨论 。 


如 果 是 有 关 电 子 书 的 建议 或 问题 ， 请 联系 专用 客服 邮箱 : ebook@turingbook.com。 
在 这 里 可 以 找到 我 们 : 


微 博 @ 图 灵 教 育 : 好 书 、 活 动 每 日 播报 

微 博 @ 图 灵 社 区 :电子 书 和 好 文章 的 消息 

微 博 @ 图 灵 新 知 : 图 灵 教 育 的 科普 小 组 

微 信 图 灵 访 谈 : ituring_interview， 讲 述 码 农 精彩 人 生 
微 信 图 灵 教 育 : turingbooks 


